/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 vote215 views2 answers
Adding font in nextjs
TypeScript
0 vote177 views1 answer
HIGHER-ORDER FUNCTIONS with two parameters
TypeScript
0 vote206 views1 answer
Why table columns are messing in one another in angular
TypeScript
1 vote184 views1 answer
How to make a class that takes no arguments in python
TypeScript
16 votes185 views2 answers
Typescript loop types
TypeScript
8 votes254 views3 answers
Angular window scroll to top not working
TypeScript
22 votes177 views2 answers
React native typescript children prop
TypeScript
2 votes188 views1 answer
Enum usage typescript
TypeScript
1 vote176 views1 answer
Ion-datetime open programmatically
TypeScript
0 vote204 views1 answer
Npm run multiple scripts sequentially
TypeScript