/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 vote206 views1 answer
Using method parameters in a guard nestjs
TypeScript
0 vote192 views2 answers
Accept the SDK license agreements and install the missing components using the Android Studio SDK Manager
TypeScript
0 vote208 views1 answer
How to store image in realtime firebase using angularfire2 and angular 8
TypeScript
10 votes208 views3 answers
Usage typescript in react native
TypeScript
0 vote194 views1 answer
Serenity-is change button text
TypeScript
0 vote206 views1 answer
Typescript webpack node
TypeScript
2 votes216 views2 answers
How to check constraints on a table in sql oracle
TypeScript
0 vote203 views1 answer
Check already exists from non deleted rows laravel
TypeScript
0 vote189 views1 answer
3 parts of apptitude
TypeScript
0 vote244 views1 answer
Claire betts facebook
TypeScript