<meta charset="utf-8">

<title> Handling events in with addEventListener </title>

<style>

span {

cursor: pointer;

}

</style>

<script>

window.addEventListener("load", init, false);

function init() {

var div = document.getElementById("clickme");

div.addEventListener("click", handleClick, false);

function handleClick(e) {

var target = e.target;;

alert("You clicked on " + target.id);

target.removeEventListener("click", handleClick, false);

</script>

<span id="clickme">Click me!</span>