Javascript - Program the Web
This course covers the basics of programming in Javascript. Work your way through the videos and we'll teach you everything you need to know to make your website more responsive!

Trigger Events

Lesson 14
Author : Mike Dane
Last Updated : October, 2017


Code

Inline Event Listeners

index.htmlCopy
<h1 id="myHeader" onclick="handleClick(this)">Mike Dane</h1> <script src="script.js"></script>

script.jsCopy
function handleClick(element){ alert("Clicked " + element.id); }

Programatic Event Listeners

index.htmlCopy
<h1 id="myHeader">Mike Dane</h1> <script src="script.js"></script>

script.jsCopy
var header = document.getElementById("myHeader"); header.addEventListener("click", function(){ alert("You clicked " + header.id); });