I am trying to create a button and automatically attach an on click event

Question

I am trying to create a button but doesn't attach the onclick event. What am I doing wrong?
https://code.sololearn.com/WROAEdBZ0Vg2/?ref=app

Answer 1

Best way is to use addEventListener, you can have many listener at same element

yourBtn.addEventListener("click", () => {
// function to run on btn click
})

yourBtm.addEventListener("keydown", () => {
// function to run when user click key on keyboard...
}

Answer 2

onclick attribute is needed because it tells the browser what to do when the button is clicked

Answer 3

Graeme Adamson you are trying to assign a string value to the onclick event, which is incorrect. The onclick event should be assigned a function, not a string.

You are passing the event array as an argument to the domCreateAButton function, but you are not actually using it in the function. Instead of assigning the onclick event to the button directly, you should loop through the event array and assign the events to the button.

Answer 4

Graeme Adamson If you only want to attach a single event to the button, you can simply use the addEventListener method to attach the event to the button which is a more proper way.

Answer 5

Calvin I know I sent an array but using the values. The reason is I am trying to get things working first before looping thru the Array

Answer 6

Yes but I want to add that functionality once I can get an event added that works
Building up from what I know to be able to have multiple events added at the same time

Answer 7

Seem to have got it sorted out