how to call onclick function on dynamically created button in javascript

javascript button dynamically-generated
user2750762 picture user2750762 · Sep 16, 2013 · Viewed 21.2k times · Source 
var del = document.createElement('input');
del.type = 'button';
del.name = 'delll';
del.value = 'del';
del.onClick = 'alert("hi  javascript")';

Here I have dynamically created a input type BUTTON and now I want to call function on button click event. I am using onClick(); function for this. In the above code all is working fine but del.onclick is not working as I want (for generating alert for demo)

I am not using any jquery code in this program so please don't use any jquery code.

Answer

Paul Nelson picture Paul Nelson · Sep 16, 2013

set the onclick (all lower case) to an anonymous function

del.onclick = function(){ alert('hi javascript');};

note the function is not in quotes like other attributes

Related questions

Changing button text onclick

When I click on myButton1 button, I want the value to change to Close Curtain from Open Curtain.HTML: <input onclick="change()" type="button" value="Open Curtain" id="myButton1"></input> Javascript: function change(); { document.getElementById("myButton1").…

Read More
Get the contents of a table row with a button click

I need to extract the details of each column in my table. For example, column "Name/Nr.". The table contains a number of addresses The very last column of each row has a button that lets a user choose a …

Read More
Button that refreshes the page on click

I need a button that will refresh the page on the user's click. I tried this: <input type="button" value="Reload Page" onClick="reload"> or <input type="button" value="Refresh Page" onClick="refresh"> But neither worked.

Read More