How do you assign a JavaScript 'onclick' attribute dynamically?

Question

I\'m creating a button dynamically using JavaScript and at the same time assigning attributes such as \'ID\', \'type\' etc and also \'onclick\' in order to trigger a functio

Answer 1

Use a function instead of a string. For example,

backButton.onclick = function () { navigate(-1); };

Answer 2

In case this question is passed as a dupe, here is how to do it in current browsers

ES6

backButton.addEventListener("click",() => history.back());

Older but newer than onclick

backButton.addEventListener("click",function() { history.back() });

Answer 3

you are assigning text to the onclick, try assigning a function.

backButton.onclick = function(){navigate(-1);};

Answer 4

You should assign a function, not a string:

//...
backButton.onclick = function () {
  navigate(-1);
};
//...

Answer 5

backButton.onclick = function() { navigate(-1); }

Answer 6

You have to assign a function, not a string.

backButton.onclick = function wastefulDuplicationOfBackButton () {
    navigate(-1);
}