/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 vote247 views1 answer
Typeorm data array from relation
TypeScript
0 vote228 views1 answer
Different types of errors in numerical methods
TypeScript
0 vote223 views1 answer
Typescript generic record
TypeScript
0 vote322 views1 answer
No file or variants found for asset: assets/images.
TypeScript
1 vote278 views1 answer
Nodejs jszip create zip file as buffer
TypeScript
0 vote240 views2 answers
Convert java to typescript
TypeScript
0 vote248 views1 answer
Function to generate random number (typescript)
TypeScript
1 vote219 views1 answer
Firefox hsts clear
TypeScript
0 vote233 views3 answers
How to navigate from one page to another in angular
TypeScript
0 vote208 views1 answer
Weights [0.03333567, 0.07472567, 0.10954318, 0.13463336, 0.14776211, 0.14776211, 0.13463336, 0.10954318, 0.07472567, 0.03333567]
TypeScript