/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 vote343 views1 answer
Styled components reset
TypeScript
0 vote312 views1 answer
Get products in wordpress
TypeScript
0 vote374 views1 answer
Clone object in typescript
TypeScript
0 vote341 views1 answer
Argument of type '{ query: string; }' is not assignable to parameter of type 'AxiosRequestConfig'.
TypeScript
0 vote353 views1 answer
Named types just give a name to a type
TypeScript
3 votes330 views1 answer
Typescript req.query.query
TypeScript
0 vote330 views1 answer
Regroupe les éléments de 2 tableaux java
TypeScript
0 vote360 views1 answer
"Doctrine\Bundle\DoctrineBundle\Repository\ServiceEntityRepositoryInterface", but its service could not be found. Make sure the service exists and is tagged with "doctrine.repository_service".
TypeScript
0 vote321 views1 answer
Ionic 4 reset form
TypeScript
0 vote367 views1 answer
What kind of projects is suitable for the Agile methodology
TypeScript