/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 vote298 views1 answer
Microsoft.portable.csharp.targets was not found vs 2019
TypeScript
0 vote285 views1 answer
Vscode pass argument to registerCommand
TypeScript
14 votes265 views3 answers
Arrow function in typescript
TypeScript
1 vote284 views1 answer
Drop the rows where all elements are missing in a pandas dataframe
TypeScript
0 vote229 views1 answer
Typescript list
TypeScript
6 votes274 views4 answers
Angular get url params
TypeScript
0 vote296 views1 answer
Bibtex remove brackets in note field
TypeScript
1 vote293 views1 answer
Convert string to uppercase typescript
TypeScript
-2 votes272 views1 answer
Typescript parse to string
TypeScript
0 vote319 views1 answer
Scripts may close only the windows that were opened by them
TypeScript