Hook into an onClick event without using the HTML property

Question

I would like to keep my JavaScript and HTML code separate. To do this, I want to make sure that I never use the following syntax:

Answer 1

If you give your element and ID, you can do:

var el = document.getElementById("text");
el.addEventListener("click", function(/*put code here*/) {}, false);