/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

11 votes298 views4 answers
If a class exists jquery
TypeScript
0 vote197 views1 answer
The Android Gradle plugin supports only Kotlin Gradle plugin version 1.3.40 and higher. The following dependencies do not satisfy the required version: project ':video_compress' -> org.jetbrains.kotlin:kotlin-gradle-plugin:1.3.31
TypeScript
0 vote196 views2 answers
Is subscribing to a lot of events in ngonint bad
TypeScript
0 vote220 views2 answers
Li elements horizontally css
TypeScript
20 votes199 views2 answers
Typescript how to color your console loggers
TypeScript
1 vote264 views1 answer
Tepescript loop object
TypeScript
4 votes201 views2 answers
When manual testing
TypeScript
1 vote251 views1 answer
Shortcuts for ajax in vscode
TypeScript
0 vote220 views1 answer
React fc typescript
TypeScript
0 vote243 views1 answer
Dynamic index in typescript
TypeScript