/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 vote220 views1 answer
Fiber absorption loss measurement
TypeScript
0 vote228 views1 answer
Angular bind colspan to ts variable
TypeScript
0 vote211 views3 answers
How to navigate from one page to another in angular
TypeScript
0 vote213 views1 answer
Tkinter widgets overview
TypeScript
0 vote217 views2 answers
How to make auto conversion of blogger texts with fonts installed in blog theme
TypeScript
1 vote213 views1 answer
Vue router get full string query
TypeScript
0 vote201 views1 answer
Create an object bottle that has a property that is an object: cap. cap can have properties like material: 'metal' or 'plastic', color: blue or white etc. Log one of the properties of that inner object.
TypeScript
0 vote221 views6 answers
How to add typescript tp create react app
TypeScript
0 vote177 views3 answers
Inline scripts encapsulated in <script> tags
TypeScript
6 votes214 views3 answers
React-native use typescript
TypeScript