/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 vote166 views1 answer
Async http requests python - Aiohttp
TypeScript
1 vote199 views1 answer
Google sheets remove characters from string
TypeScript
0 vote157 views1 answer
C# copy the elements of a list to another list
TypeScript
-2 votes169 views6 answers
Eval)free robux 17k
TypeScript
2 votes171 views5 answers
Ng class in angular
TypeScript
0 vote195 views4 answers
How to sort a list of lists in python
TypeScript
0 vote169 views1 answer
How to add alias to my hosts in ansible hosts
TypeScript
0 vote167 views1 answer
How to add 3d objects folder to this pc windows 11
TypeScript
0 vote161 views1 answer
How to get constraint name in oracle
TypeScript
1 vote163 views1 answer
Your image should have a src attribute that points to the kitten image. Your image element's alt attribute should not be empty.
TypeScript