/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 vote190 views1 answer
Vertical dots latex
TypeScript
21 votes174 views2 answers
Npm typescript package
TypeScript
1 vote158 views1 answer
Typescript type of component
TypeScript
1 vote160 views1 answer
How to enable and disable gameobjects c#
TypeScript
0 vote173 views1 answer
Computed vue typescript
TypeScript
2 votes186 views2 answers
Typescript property state does not exist
TypeScript
1 vote198 views2 answers
Typescript get the promise return type
TypeScript
1 vote174 views1 answer
Global d ts
TypeScript
0 vote163 views1 answer
Two widgets in a row in flutter on both ends not working
TypeScript
1 vote183 views1 answer
Create npm module typescript
TypeScript