Step 2: DOM Node Selection & Binding

2. DOM Node Selection & Binding

Reference interface inputs, forms, and metric boxes inside your script.

Detailed Implementation Steps:

Identify all interactive elements in your HTML file: the task form, user text inputs, the list element wrapper, and the weather status container. Assign unique IDs to all of these nodes.

Inside app.js, declare constant bindings pointing to these DOM nodes using document.getElementById() or document.querySelector(). Attach event listeners for form submissions and filter buttons.

Verification Checklist:

1. Ensure console logs print click events on your dashboard forms.