Sometimes, we want to change onClick handler dynamically with JavaScript.

In this article, we’ll look at how to change onClick handler dynamically with JavaScript.

How to change onClick handler dynamically with JavaScript?

To change onClick handler dynamically with JavaScript, we set the onclick property of an element.

For instance, we write

document.getElementById("foo").onclick = () => {
  alert("foo");
};

to select the element we want to attach the click listener to with getElementById.

Then we set its onclick property to a function that shows an alert when we click on the element.

Conclusion

To change onClick handler dynamically with JavaScript, we set the onclick property of an element.