/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 vote261 views1 answer
Await constructor typescript
TypeScript
3 votes253 views1 answer
Typescript array string to array literal
TypeScript
1 vote282 views1 answer
What does a test have
TypeScript
0 vote258 views1 answer
'this' context of type 'void' is not assignable to method's 'this' of type 'Observable<{}>'.
TypeScript
1 vote248 views1 answer
Angular host binding class on input
TypeScript
0 vote265 views3 answers
Saving leaderstats script roblox
TypeScript
1 vote287 views1 answer
How to use variables with if statements python
TypeScript
0 vote260 views1 answer
Get type of element of array typescript
TypeScript
4 votes314 views10 answers
Roblox
TypeScript
1 vote254 views2 answers
Typescript list concat
TypeScript