html javascript

HTML Javascript

To make HTML page dynamic and interactive. we can use javascript.

HTML Javascript Example



<!DOCTYPE html>
<html>
<body>


<button type="button" onclick="myFunction()">Click Me!</button>

<h2 id="header">This will change</h2>

<script>
function myFunction() { 
    document.getElementById("header").innerHTML = "Hello World";
}
</script>

</body>
</html>

HTML Change Style in Javascript


<!DOCTYPE html>
<html>
<body>

<h1 id="color">JAVAMEANT</h1>


<script>
function myFunction() {
     document.getElementById("color").style.color = "green";
    document.getElementById("color").style.backgroundColor = "white";        
}
</script>

<button type="button" onclick="myFunction()">Click Me!</button>

</body>
</html>