/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

2 votes153 views2 answers
For (... in ...) statements must be filtered with an if statement (forin)
TypeScript
0 vote198 views1 answer
Already included file name react tsconfig
TypeScript
0 vote154 views1 answer
Typescript implement
TypeScript
0 vote144 views3 answers
Inline block elements in html added extra space
TypeScript
0 vote146 views2 answers
How to compare two entity objects in c# to update
TypeScript
0 vote146 views2 answers
Kotlin get first n elements from list
TypeScript
0 vote150 views1 answer
How to set value of multiselect dropdown for reactive forms in angular 6
TypeScript
0 vote156 views1 answer
Js check if function is promise
TypeScript
1 vote157 views2 answers
What are the benefits of linux
TypeScript
0 vote175 views1 answer
Jest not tocontain
TypeScript