DOM Manipulation
Objective: Change webpage content dynamically.
-
document.getElementById(). -
Changing text (
innerHTML). -
Event listeners (
onclick).
Code Example:
<button onclick="changeText()">Click Me</button> <p id="demo">Old Text</p> <script> function changeText() { document.getElementById("demo").innerHTML = "New Text!"; } </script>
Exercise:
-
Create a button that changes a paragraph’s text.
