/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 vote204 views6 answers
How to find nuber of tweets per day using python
TypeScript
3 votes223 views1 answer
Arraylist of objects in java
TypeScript
11 votes213 views1 answer
How to select last 2 elements in a string python
TypeScript
2 votes195 views1 answer
.mat-dialog-container
TypeScript
0 vote196 views1 answer
Redux typescript mapdispatchtoprops
TypeScript
0 vote196 views1 answer
Code solutions online for public IActionResult Student() { return View(Students Controller 1); }
TypeScript
0 vote148 views1 answer
Define a function shiftRight which receives a list as input, and returns a list with all the elements shifted to the right
TypeScript
0 vote210 views1 answer
How to use aspects in spring boot
TypeScript
1 vote205 views1 answer
Angular 8 set cookie to string
TypeScript
0 vote214 views2 answers
How to find geopoints radius in mongoose
TypeScript