/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 vote158 views1 answer
Nestjs tutorial for beginners
TypeScript
0 vote161 views2 answers
Swapping two array elements in c
TypeScript
7 votes134 views3 answers
Ts await foreach loop
TypeScript
0 vote186 views1 answer
Inteface method extension angular
TypeScript
0 vote139 views1 answer
How can you run your test in different environments
TypeScript
0 vote177 views1 answer
Install brackets ubuntu 20.04
TypeScript
0 vote149 views1 answer
Python set remove duplicate elements
TypeScript
-1 vote186 views1 answer
What are the components of http request
TypeScript
0 vote153 views1 answer
Update a xml document if its not empty on c#
TypeScript
0 vote158 views1 answer
Which of the following are elements associated with the html table layout?
TypeScript