1. JavaScript can change all the HTML elements in the page
HTML
Intial Heading
Intial Heading
Sample paragraph
click to change
CSS
.head{ color: red; font-size: 2vw; } #para{ color: blue; } #Button{ background-color: yellow; }
Javascript
let h=document.getElementsByClassName("head"); let p=document.getElementById("para"); let b=document.getElementById("Button"); b.addEventListener("click", function(){ for(let hd of h){ hd.innerHTML="Hello" } p.innerHTML="mayur"; })
Output