/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 vote296 views1 answer
Create 2 set A and B of size n1 and n2 . Print sets A and B.
TypeScript
2 votes285 views1 answer
React native paper select
TypeScript
5 votes289 views2 answers
List of lists java
TypeScript
0 vote341 views1 answer
How to return a new string with its first and last characters swapped
TypeScript
25 votes282 views4 answers
Filter typescript
TypeScript
0 vote274 views1 answer
Write in file in typescript
TypeScript
0 vote303 views2 answers
Prestashop show all products in category
TypeScript
0 vote285 views1 answer
Automation strategy of manual test cases
TypeScript
0 vote307 views1 answer
Flutter rotate animation icon on press
TypeScript
0 vote284 views5 answers
Rosa
TypeScript