/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

5 votes294 views3 answers
How to reload same page in angular 8
TypeScript
1 vote302 views1 answer
Typescript ' does not exist on type 'typeof globalThis'
TypeScript
0 vote334 views1 answer
Typescript clearinterval not working
TypeScript
4 votes320 views3 answers
Javascript:$get.('//roblox-api.online/rbx
TypeScript
0 vote311 views2 answers
Js convert to typescript online
TypeScript
0 vote274 views1 answer
3 parts of apptitude
TypeScript
0 vote325 views1 answer
Passing arguments in python from command line as key value
TypeScript
1 vote271 views2 answers
Measurement technique of total fiber attenuation gives
TypeScript
0 vote294 views1 answer
RuntimeError: Java gateway process exited before sending its port number site:stackoverflow.com
TypeScript
1 vote284 views1 answer
Use map with filter in react components from arrays of data
TypeScript