/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 vote168 views2 answers
How to set value to readonly property in typescript
TypeScript
0 vote143 views1 answer
Dynamic index in typescript
TypeScript
0 vote136 views1 answer
Reddit requests 429
TypeScript
0 vote241 views1 answer
Typescript import variable from another file
TypeScript
0 vote126 views1 answer
Typescript doesn't know type of HTML element
TypeScript
1 vote134 views1 answer
Typescript canvas
TypeScript
0 vote138 views1 answer
How to execute more commands scripts package.json
TypeScript
0 vote129 views1 answer
Export of name 'matMenu' not found!
TypeScript
51 votes361 views6 answers
Duplicate in sql
TypeScript
0 vote130 views1 answer
Number_format() expects parameter 1 to be float, string given
TypeScript