/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

20 votes328 views2 answers
Typescript how to color your console loggers
TypeScript
0 vote321 views1 answer
Angular elementref parent
TypeScript
0 vote348 views1 answer
Give all element in a list starts with string
TypeScript
1 vote340 views1 answer
No directive found with exportAs 'matAutocomplete'
TypeScript
0 vote344 views1 answer
Parameter 'props' implicitly has an 'any' type.ts
TypeScript
0 vote367 views1 answer
S'entrainer pour tests techniques developpeurs web
TypeScript
21 votes352 views2 answers
How to compare distance between 2 objects unity
TypeScript
8 votes374 views3 answers
Your account has reached its concurrent builds limit
TypeScript
12 votes405 views5 answers
Font awesome angular
TypeScript
0 vote335 views1 answer
Please fill in the missing parts of the code to print "I love C++" on the screen.
TypeScript