/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

35 votes328 views6 answers
Comments in html
TypeScript
1 vote312 views1 answer
Nuxt "AxiosRequestConfig"
TypeScript
0 vote330 views1 answer
Whats is the use Notes.create(note) .then((data) => { res.send(data); }) .catch((err) => { res.status(500).send({ message: err.message || 'Some error occurred while create the Notes', }); });
TypeScript
0 vote345 views1 answer
Void main() { testWidgets('Counter increments smoke test', (WidgetTester tester) async { // Build our app and trigger a frame. await tester.pumpWidget(MyApp());
TypeScript
26 votes337 views2 answers
Typescript check if object has key
TypeScript
2 votes338 views2 answers
Adding elements in a specified column or row in a two dimensional array java
TypeScript
3 votes307 views1 answer
How to align contents of div in center
TypeScript
0 vote320 views3 answers
__REDUX_DEVTOOLS_EXTENSION_COMPOSE__
TypeScript
1 vote314 views1 answer
React routes not working after build
TypeScript
1 vote355 views1 answer
Git count commits by author
TypeScript