Search code examples
eventsevent-handlingonclickinlineoutline

Why is this onclick event handler not working?

I am new to JS and trying to learn event handlers. i've been looking at this for hours and I think it is way simpler than I am finding it. Does anyone know why nothing happens when I click the button? 

<script>
    function buttonClick(){
        document.getElementById("testButton").onclick = document.write("The button has been clicked!!!");
    }
    window.onload=buttonClick;
</script>


<input type="button" id="testButton" value="click me" />

Solution

  • It's because you need a function to assign onclick to, so this would work

     document.getElementById("testButton").onclick = function(){document.write("The button has been clicked!!!");}

    that's an anonymous function.