Javascript Event How to - Wrap click button handler in a function

Question

We would like to know how to wrap click button handler in a function.

Answer


<!DOCTYPE html>
<html>
<body>
  <button id="button">Click Me</button>
  <script type='text/javascript'>
    var btnClick = document.getElementById("button");
    btnClick.addEventListener("click", func, false);
    function func()<!-- ww  w  . j a  va  2s. co  m-->
    {
        console.log("This works");
    }
    </script>
</body>
</html>

The code above is rendered as follows: