Found a couple of solutions for php, but couldn't find any for javascript.
Basically I am trying to make a bunch of eventlisteners for 30 buttons i have on my page. Currently it is written out like this :
problem1buttonEl.addEventListener("click", problem1);
problem2buttonEl.addEventListener("click", problem2);
problem3buttonEl.addEventListener("click", problem3);
problem4buttonEl.addEventListener("click", problem4);
Now I want to make a for loop to make this cleaner, something like this:
for (var problemIncrement = 1; problemIncrement <= 30; problemIncrement++) {
'problem' + problemIncrement + 'buttonEl'.addEventListener("click",
'problem' + problemIncrement);
}
The problem is that i need to add a string to my variable and have the outcome of them also be a variable, as that is what problemXbuttonEl is.
Is there any way to do this?
You can use the brackets notation [] to get these variables, normally they should be defined in the window object so this is how should be your code:
for (var problemIncrement = 1; problemIncrement <= 30; problemIncrement++) {
window['problem' + problemIncrement + 'buttonEl'].addEventListener("click",
window['problem' + problemIncrement]);
}
Here window['problem' + problemIncrement + 'buttonEl'] will refer to the varibale you already defined.
Collected from the Internet
Please contact [email protected] to delete if infringement.
Comments