JavaScript Concepts

DOM Manipulation

The Document Object Model (DOM) allows interaction with HTML elements using JavaScript:

Selecting Elements: Use querySelector(), getElementById(), or getElementsByClassName() to access elements.
Changing Content: Use textContent or innerHTML to update content.
Changing Style: Access the style property to modify CSS styles.
Event Listeners: Use addEventListener() to add events like click, input, or submit.

Examples:


let button = document.querySelector("#myButton");
button.addEventListener("click", () => {
    let message = document.getElementById("message");
    message.textContent = "Button clicked!";
    message.style.color = "blue";
});