onclick传递按钮的值

Question

I want to send to my onClick function, the value of the button that pressed on it.

I have this function

numfunc = function (val) {
     var t = document.createTextNode(val);
     document.body.appendChild(t);
};

I have 5 buttons. I want them all to use this function onClick, but each send a different value,

their value.

var one = document.createElement("input");
one.type = "submit";
one.onclick = numfunc;
one.value = "1";

var two = document.createElement("input");
two.type = "submit";
one.onclick = numfunc;
two.value = "2";

and so on....

I'm trying to do this, on javascript not on the html file.

Thanks!

Answer 1

Can you use this code instead?

one.addEventListener("click", function () {
  numfunc(this.value);
}, false);

two.addEventListener("click", function () {
  numfunc(this.value);
}, false);

Answer 2

You can use this.value to get value inside you function numfunc , you don't need to send parameter, check example bellow.

Hope this helps.

---

 numfunc = function (val) { var t = document.createTextNode(this.value); document.body.appendChild(t); }; var one = document.createElement("input"); one.type = "submit"; one.onclick = numfunc; one.value = "1"; var two = document.createElement("input"); two.type = "submit"; two.onclick = numfunc; two.value = "2"; document.body.appendChild( one ); document.body.appendChild( two );