/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

1 vote167 views1 answer
Tostring kotlin
TypeScript
0 vote170 views2 answers
Typescript to c# converter
TypeScript
8 votes180 views1 answer
If exists sql server
TypeScript
1 vote162 views1 answer
Get posts from selected taxonomy
TypeScript
0 vote175 views1 answer
How to delete a message by its id
TypeScript
0 vote208 views2 answers
Can subclass method infere exceptions of its superclass method
TypeScript
0 vote171 views1 answer
Import hostlistener angular
TypeScript
0 vote178 views1 answer
Html image with its text below
TypeScript
10 votes180 views3 answers
Usage typescript in react native
TypeScript
0 vote176 views1 answer
Typescript filter list of objects based on latest date
TypeScript