/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 vote234 views1 answer
Get angular width
TypeScript
0 vote295 views1 answer
If you meant to render a collection of children use an array instead
TypeScript
1 vote224 views1 answer
Typescript dynamic key value object
TypeScript
6 votes229 views2 answers
Insert if not exists sql
TypeScript
6 votes232 views2 answers
Using nodemon with typescript
TypeScript
6 votes223 views3 answers
Angular show element in component
TypeScript
0 vote221 views1 answer
Angular tokenize
TypeScript
0 vote231 views1 answer
Fiber absorption loss measurement
TypeScript
0 vote222 views1 answer
Material ui tab link external
TypeScript
-1 vote264 views1 answer
Regex remove brackets and contents
TypeScript