/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

2 votes151 views2 answers
How to close all ports angular
TypeScript
0 vote127 views1 answer
Python requests exceptions
TypeScript
6 votes135 views3 answers
Google sheets if
TypeScript
0 vote130 views1 answer
How to check typescript version for my react-app
TypeScript
1 vote128 views1 answer
Angular 8 set cookie to string
TypeScript
0 vote134 views1 answer
How should a developer write unit tests for a private method in an apex class
TypeScript
-1 vote128 views1 answer
T sql if exists multiple conditions
TypeScript
0 vote164 views1 answer
Tkinter widgets overview
TypeScript
0 vote124 views1 answer
Install material ui typescript
TypeScript
1 vote138 views1 answer
Geting request header in loopback4
TypeScript