Event Handlers

Responding to user actions.

Examples

Inline Event Handler

Changing button text when clicked.

<button onclick="this.innerHTML = 'Ooops!'">Click me</button>

Calling Function

Calling a function from an event handler.

<!DOCTYPE html>
<html>
<body>
<button onclick="displayDate()">The time is?</button>
<script>
function displayDate() {
  document.getElementById("demo").innerHTML = Date();
}
</script>
<p id="demo"></p>
</body>
</html>

Event Object

Inline handlers can access the 'event' object.

<button onclick="console.log(event.type)">Check Event Type</button>

Test Your Knowledge

JavaScript Quiz

No quiz available for this topic yet.