ICT Solutions
24 Jun 2022, 12:07:06
Category : JavaScript Tutorials
addEventListener() (HTML DOM Elements)
<!DOCTYPE html>
<html>
<head>
<title>JS Code Testing</title>
</head>
<body>
<button id = "myId">Try It</button>
<p id = "demo"></p>
<script>
var x = document.getElementById("myId");
x.addEventListener("mouseover", msOver);
x.addEventListener("click", msClick);
x.addEventListener("mouseout", msOut);
function msOver(){
document.getElementById("demo").innerHTML += "Mouse Over <br />";
}
function msClick(){
document.getElementById("demo").innerHTML += "Mouse Click <br />";
}
function msOut(){
document.getElementById("demo").innerHTML += "Mouse Out <br />";
}
</script>
</body>
</html>
Comments:
No comment to show.