Trigger Events

Code

Inline Event Listeners

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

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

Programatic Event Listeners

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

script.jsCopy
var header = document.getElementById("myHeader");

header.addEventListener("click", function(){
     alert("You clicked " + header.id);
});