/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 vote255 views1 answer
Cluster on lists of values that start with a certain value
TypeScript
1 vote254 views2 answers
Typescript tutorial
TypeScript
0 vote273 views1 answer
Distributed Cron Job
TypeScript
0 vote311 views1 answer
Add header in angular
TypeScript
2 votes611 views1 answer
Typeorm findAndCount orderby
TypeScript
1 vote282 views1 answer
Js create batches from array
TypeScript
63 votes473 views6 answers
React router install
TypeScript
0 vote292 views1 answer
No fragments found in the stream for the streaming request in kinesis livestreaming
TypeScript
0 vote249 views1 answer
Google_fonts pub.de
TypeScript
0 vote241 views1 answer
Surround substring with quotes
TypeScript