DOM Events

Events in the Document Object Model.

Examples

Assigning Onclick

Assigning an event handler function programmatically.

document.getElementById("myBtn").onclick = displayDate;

function displayDate() {
  document.getElementById("demo").innerHTML = Date();
}

Window Resize

Reacting to window resize events.

window.onresize = function() {
  document.getElementById("demo").innerHTML = Math.random();
};

Prevent Default

Preventing the default action of an HTML element.

<a id="myLink" href="#">Go to Example</a>
<script>
document.getElementById("myLink").onclick = function(event) {
  event.preventDefault();
  alert("Link click prevented!");
}
</script>

Test Your Knowledge

JavaScript Quiz

No quiz available for this topic yet.