/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 vote129 views1 answer
Ts new example
TypeScript
0 vote139 views1 answer
Function which calculates the number of tweets that were posted per day.
TypeScript
0 vote129 views1 answer
Add correct host key in /root/.ssh/known_hosts to get rid of this message
TypeScript
0 vote159 views1 answer
From the three types of styling, which one is the most useful in terms of website optimization?
TypeScript
0 vote121 views1 answer
Google sheets past tsv data
TypeScript
1 vote133 views1 answer
Error: ./src/main.ts Module build failed (from ./node_modules/@ngtools/webpack/src/ivy/index.js): TypeError: Cannot read property 'createUniqueName' of undefined
TypeScript
1 vote142 views1 answer
Typescript while
TypeScript
27 votes278 views3 answers
Styled components in react
TypeScript
0 vote139 views1 answer
Merge enum typescript
TypeScript
0 vote160 views1 answer
Write a C proogram to find the roots of quadratic equation
TypeScript