How to pass the button value into my onclick event function

Question

lt input type  button  value  mybutton1  onclick  dosomething    gt test   The dosomething function evoked when to click the button how can pass the value of the button mybutton1 into dosomething function as it s parameter

User · Accepted Answer

You can pass the value to the function using this.value, where this points to the button

<input type="button" value="mybutton1" onclick="dosomething(this.value)">

And then access that value in the function

function dosomething(val){
  console.log(val);
}

User · Answer

Maybe you can take a look at closure in JavaScript  Here is a working solution   x000D   x000D   lt  DOCTYPE html gt  x000D   lt html gt  x000D       lt head gt  x000D           lt meta charset  utf-8    gt  x000D           lt title gt Test lt  title gt  x000D       lt  head gt  x000D       lt body gt  x000D           lt p class  button  gt Button 0 lt  p gt  x000D           lt p class  button  gt Button 1 lt  p gt  x000D           lt p class  button  gt Button 2 lt  p gt  x000D           lt script gt  x000D              var buttons   document getElementsByClassName  button    x000D              for  var i 0   i  lt  buttons length   i     x000D                 function index   x000D                  buttons index  onclick   function    x000D                    alert  I am button     index   x000D                     x000D                   i  x000D                x000D           lt  script gt  x000D       lt  body gt  x000D   lt  html gt  x000D   x000D   x000D

User · Answer

You can pass the element into the function  lt input type  button  value  mybutton1  onclick  dosomething this   gt test by passing this  Then in the function you can access the value like this   function dosomething element      console log element value

User · Answer

You can get value by using id for that element in onclick function  function dosomething         var buttonValue   document getElementById  buttonId   value

User · Answer

You can do like this    lt input type  button  value  mybutton1  onclick  dosomething this   gt   function dosomething element       alert  value is   element value     you can print any value like id class value innerHTML etc

[javascript] How to pass the button value into my onclick event function?

Examples related to javascript