Calling Javascript function from a div

Question

Can I please have some help to call a function that is created in Javascript when a reference is made to a DIV in HTML.

Here is my function:

        function testFunction()
        {
            alert("Test");
        }

I would like the testFunction to be called when the following reference is made in HTML:

<div id="testFunction"> 

Can I please have some help to do this?

Answer 1

You can attach the call to a click handler:

In markup:

<div id="testFunction" onclick="testFunction()"> 

Or inside your script block:

function testFunction() {
   alert("Test");
}

var el = document.getElementById("testFunction");
el.onclick = testFunction;