/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

12 votes187 views6 answers
Typescript array of objects
TypeScript
0 vote180 views1 answer
Reach router path typescript error
TypeScript
27 votes197 views4 answers
How to hide bullet points in css
TypeScript
1 vote210 views1 answer
Ts class static function call inside class extends
TypeScript
2 votes209 views2 answers
Validate email with domain in angular6
TypeScript
1 vote222 views1 answer
How to get absolute value of elements of list in python
TypeScript
0 vote198 views1 answer
If statements equals same value python
TypeScript
0 vote177 views1 answer
Queryselectorall of multiple tags
TypeScript
0 vote222 views1 answer
Elipses after hight
TypeScript
0 vote188 views1 answer
Check if a user already exists firebase realtime database react native
TypeScript