/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 vote222 views1 answer
Response 404 requests python compare
TypeScript
1 vote202 views1 answer
File C:\Users\skill\AppData\Roaming\npm\yarn.ps1 cannot be loaded because running scripts is disabled on this system. For more information, see about_Execution_Policies at https:/go.microsoft.com/fwlink/?LinkID=135170.
TypeScript
0 vote209 views1 answer
Check schema exists postgresql
TypeScript
0 vote240 views1 answer
Angular 8 TS2307: Cannot find module '@angular/cdk/clipboard'.
TypeScript
32 votes245 views1 answer
Policies for setting virtual environment -python
TypeScript
0 vote219 views1 answer
Passing arguments in python from command line as key value
TypeScript
0 vote229 views1 answer
Gettime is not a function typescript
TypeScript
0 vote224 views1 answer
How to use array pop in typescript
TypeScript
-1 vote218 views1 answer
Lua table to string
TypeScript
0 vote200 views1 answer
How to reorder boxplots in ggplot
TypeScript