/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 vote219 views2 answers
Qml tableview dynamic
TypeScript
0 vote194 views1 answer
Nativescript date input validation
TypeScript
0 vote193 views1 answer
The Effects of Boredom, Loneliness, and Distress Tolerance on Problem Internet Use Among University Students
TypeScript
0 vote210 views1 answer
Vue 3 bootstrap 5 tooltip
TypeScript
0 vote209 views1 answer
From __future__ import unicode_literals import youtube_dl ydl_opts = {} with youtube_dl.YoutubeDL(ydl_opts) as ydl: ydl.download(['VideoURL'])
TypeScript
0 vote207 views1 answer
Bash all arguments except last
TypeScript
0 vote199 views1 answer
Paginator
TypeScript
0 vote226 views2 answers
Python requests get all cookies
TypeScript
0 vote214 views1 answer
Whats a typedef in c++
TypeScript
1 vote207 views1 answer
Typescript string null or white space
TypeScript