How to have a static onclick parameter in HTML button?

Question

How can I dynamically create HTML buttons, in Javascript, that when users click on them they call a same function, but with a different parameters. For example:

function a(param){console.log(param);};

for (int i = 0; i < 10; i++)
{
   button = document.createElement('button');
   button.onclick = <place a function that when button is clicked, calls function a with parameter i>;
}

Can someone give me a clue?

Geoffrey · Accepted Answer · 2015-03-26 17:50:10Z

2

Call the a function:

button.setAttribute('data-param', i);
button.onclick = function () {a(this.getAttribute('data-param'));};

jsFiddle: http://jsfiddle.net/systemovich/asw3myqg/1/

edited Mar 26, 2015 at 17:50

answered Mar 26, 2015 at 17:25

Geoffrey

5,42910 gold badges49 silver badges81 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Geoffrey Over a year ago

@Fernando, fixed. Checkout the jsFiddle.

sergeysmolin · Accepted Answer · 2015-03-26 18:05:06Z

0

function b(param){
    var myParam = param;
    return function a() {
         console.log(myParam);
    }
}
for (int i = 0; i < 10; i++)
{
   button = document.createElement('button');
   button.onclick = b(i);
}

answered Mar 26, 2015 at 18:05

sergeysmolin

1062 silver badges10 bronze badges

Collectives™ on Stack Overflow

How to have a static onclick parameter in HTML button?

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related