/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 vote328 views1 answer
--virtualbox-no-vtx-check
TypeScript
0 vote306 views1 answer
Jane and the Frost Giants "c++"
TypeScript
0 vote309 views1 answer
Typescript vue 3 css property !important
TypeScript
6 votes325 views2 answers
How to print 4 digits after decimal in c++
TypeScript
7 votes330 views5 answers
Reactnative typescript
TypeScript
0 vote319 views1 answer
Check type of object typescript
TypeScript
0 vote293 views1 answer
____________ determines the time spent in various parts of the unit.
TypeScript
0 vote307 views1 answer
Coding Exercise: Double Time Modify this recursive program to correctly count down in increments of 2.
TypeScript
0 vote342 views3 answers
Figma documentation
TypeScript
-2 votes300 views3 answers
Typescript count array condition
TypeScript