/TypeScript/Apply function to all elements with a class name

Apply function to all elements with a class name

/*
The getElementsByClassName returns a array of elements (2 in your example),
so you'll have to loop through it and add the onclick event.
To access the current button inside the onclick event handler, use this.
You cannot pass whatever parameters you want to the function because its signature is fixed.
It gets passed a reference to the event itself, not the clicked element,
so the name clicked_button is deceiving. We usually call that parameter event,
or e for short. You can access the element using event.target, but using this is just easier.

*/

var value;
var buttons = document.getElementsByClassName('button');

for (var i = 0; i < buttons.length; i++) {
  buttons[i].onclick = selectValue;
}

function selectValue() {
  value = this.value;
  console.log(value);
}

Source: stackoverflow.com

Similar codes

0 vote120 views1 answer
Avoid hitting multiple same api hits angular
TypeScript
3 votes142 views2 answers
Removing directories in linux
TypeScript
0 vote120 views1 answer
What are the parts of an array called
TypeScript
0 vote114 views1 answer
Components of loadrunner
TypeScript
0 vote132 views1 answer
Como agregarle un rango a mat-datapicker
TypeScript
2 votes137 views1 answer
Ion datetime time current set
TypeScript
0 vote112 views1 answer
Google sheets add all numbers in a column with condition
TypeScript
4 votes130 views2 answers
Ionic toast animation
TypeScript
0 vote213 views2 answers
Integrationtest typescript
TypeScript
0 vote119 views1 answer
Typescript object destructuring
TypeScript