/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 votes192 views1 answer
Cannot find module 'next' or its corresponding type declarations.
TypeScript
0 vote196 views1 answer
Regex exec returns null
TypeScript
19 votes209 views5 answers
Delete all documents in a collection mongodb
TypeScript
7 votes194 views2 answers
How to fix from PyQt5 import QtWebEngineWidgets error
TypeScript
0 vote191 views1 answer
Styled components on vscode
TypeScript
1 vote162 views1 answer
Jquery selector id starts with and ends with
TypeScript
0 vote190 views1 answer
Vscode add all missing imports shortcut
TypeScript
15 votes194 views2 answers
Typescript string to enum
TypeScript
0 vote197 views2 answers
Benefits of matching in functional programming
TypeScript
0 vote223 views2 answers
Fibonacci counter in typescript
TypeScript