/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

2 votes119 views1 answer
How to send information from javascript to flask route
TypeScript
0 vote127 views1 answer
C# get amount of elements in enum
TypeScript
0 vote118 views1 answer
Searching filtering ibraries in angular
TypeScript
2 votes127 views1 answer
How to write a class with inputs in python
TypeScript
0 vote123 views1 answer
Reddit requests 429
TypeScript
22 votes140 views3 answers
Typescript cast string to number
TypeScript
0 vote121 views1 answer
Node fetch image to base64
TypeScript
0 vote121 views1 answer
Add bullet points in text widget flutter
TypeScript
0 vote124 views1 answer
Real time charts in flutter
TypeScript
0 vote118 views1 answer
Choisis les billets et pièces de monnaie nécessaires pour représenter un montant de cent-douze dollars. Écris d'abord ce montant en chiffres.
TypeScript