/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

1 vote175 views1 answer
Converting an image to base64 in angular
TypeScript
1 vote172 views2 answers
Gets syntax
TypeScript
0 vote220 views1 answer
Can i use different flutter versions for differnt progjects ?
TypeScript
17 votes207 views3 answers
Router params angular
TypeScript
30 votes199 views3 answers
Set number of decimals python
TypeScript
0 vote189 views1 answer
Ts compile command
TypeScript
1 vote171 views3 answers
Select2 .select2-results .select2-highlighted
TypeScript
0 vote199 views1 answer
Typescript extend imported namespace
TypeScript
0 vote182 views1 answer
Ionic iosa app not making requests to server
TypeScript
1 vote176 views1 answer
Google sheets return multiple columns with vlookup
TypeScript