/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 vote199 views2 answers
Angular 9 : Error NG2003: No suitable injection token for parameter 'url' of class 'DataService'. Found string
TypeScript
0 vote167 views1 answer
Js check if function is promise
TypeScript
65 votes265 views5 answers
Length of an object
TypeScript
0 vote173 views1 answer
Object.fromentries typescript
TypeScript
0 vote162 views1 answer
Destructuring props in styled-components
TypeScript
4 votes117 views1 answer
Typescript update
TypeScript
1 vote166 views1 answer
Serenity conditional formatting grid row
TypeScript
0 vote167 views2 answers
Django query to return User whose first name starts with j or last name starts with h
TypeScript
0 vote168 views1 answer
You will use an appropriate looping statement to write a script that displays a list of the Celsius equivalents of zero degrees Fahrenheit through 100 degrees Fahrenheit
TypeScript
2 votes152 views1 answer
Typescript type for intervalId
TypeScript