Event listeners/onclick events for buttons created in javascript function

Question

I have a javascript button (button A), when it is clicked, it generates some new elements, including another button (button B). I would like a way to listen on button B, and then execute a separate function.

I tried editing Button B's 'onclick' attribute in javascript. This did not work.

HTML:

 <input id="addTaskButton" type="submit" value="add task" onclick="addTaskFunction()"></input>

Javascript:

function buttonB()
{
// Not working
}

function addTaskFunction()
{
 var doneButton = document.createElement("BUTTON");
 doneButton.id = "doneButton";
 doneButton.innerHTML = "DONE";
 doneButton.onclick = "buttonB()";
}

i am expecting the listener to perform buttonB when ran. Instead, i get no response.

Possible duplicate of [javascript to create a button with onclick](https://stackoverflow.com/questions/8650975/javascript-to-create-a-button-with-onclick) — Alexandre Elshobokshy, Jan 18 '19 at 14:40
Glad that helped. I added it as a reply. Please accept the my answer also :) — doğukan, Jan 18 '19 at 14:43
Possible duplicate of [How to add onclick event while creating an element with JavaScript?](https://stackoverflow.com/questions/11846492/how-to-add-onclick-event-while-creating-an-element-with-javascript) — Heretic Monkey, Jan 18 '19 at 14:59

score 2 · Accepted Answer · answered Jan 18 '19 at 14:41

2

Correct use is as follows

function addTaskFunction()
{
 var doneButton = document.createElement("BUTTON");
 doneButton.id = "doneButton";
 doneButton.innerHTML = "DONE";
 doneButton.onclick = buttonB;
}

answered Jan 18 '19 at 14:41

doğukan

23,073
13
57
69

Alex Morrison · Answer 2 · 2019-01-18T14:51:05.707

1

This works for me:

doneButton.onclick = function(){buttonB()};

edited Jan 18 '19 at 14:51

answered Jan 18 '19 at 14:40

Alex Morrison

186
5
18

Event listeners/onclick events for buttons created in javascript function

2 Answers2