/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

4 votes103 views2 answers
Unity rigidbody constraints unfreeze
TypeScript
0 vote107 views1 answer
Push array elements if not exists mongoose
TypeScript
0 vote126 views1 answer
Run an applescript
TypeScript
0 vote136 views1 answer
He .native modifier for v-on is only valid on components but it was used on <a>.
TypeScript
0 vote101 views1 answer
The react-scripts package provided by Create React App requires a dependency: [1] [1] "webpack": "4.42.0"
TypeScript
7 votes97 views1 answer
Mongodb exists and not null
TypeScript
1 vote117 views1 answer
What does a test have
TypeScript
0 vote96 views1 answer
Task :app:bundleReleaseJsAndAssets FAILED
TypeScript
0 vote96 views1 answer
Flutter real device ios vscode
TypeScript
0 vote123 views1 answer
Latest unity version that supports 32 bit
TypeScript