Search code examples
javascripthtmlonclicklistener

How to add onclick to a html element dynamically using javascript


I am able to create a button element and add an onclick event as shown below.

elem.onclick=function()
{
alert("qweqweqwe");
}        

How do I go about using a predefined function instead of defining a function inside of the event? Something like:

elem.onclick=func();

Solution

  • add an eventlistener to the element which has a defined function to call :

    elem.addEventListener("click", func, false); //where func is your function name
    

    https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener