/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

0 vote278 views1 answer
How to git pull all projects in a folder
TypeScript
1 vote337 views1 answer
Cannot find module 'file-saver/FileSaver' or its corresponding type declarations.
TypeScript
1 vote308 views2 answers
Typescript submit event
TypeScript
0 vote267 views1 answer
Typescript vite static assets
TypeScript
0 vote263 views1 answer
.htaccess Forcing scripts to display as source code
TypeScript
-1 vote290 views1 answer
Type char typescript
TypeScript
2 votes258 views1 answer
Create database and grant user rights mariadb
TypeScript
0 vote246 views1 answer
"A neutron star's immense gravitational attraction is due primarily to its small radius and"
TypeScript
0 vote263 views1 answer
Class-validator not working nest-typescript-starter
TypeScript
0 vote272 views1 answer
Avoid hitting multiple same api hits angular
TypeScript