How can I use a loop to go through these buttons instead of writing this 5 times.
document.getElementById("b1") = click;
document.getElementById("b2") = click;
document.getElementById("b3") = click;
document.getElementById("b4") = click;
document.getElementById("b5") = click;
The element can't be assigned to anything. I think you need to add event listener for click.
Try this approach.
ES6
['b1', 'b2', 'b3', 'b4', 'b5'].forEach(id => {
document.getElementById(id).addEventListener('click', click);
});
ES5.1
['b1', 'b2', 'b3', 'b4', 'b5'].forEach(function(id) {
document.getElementById(id).addEventListener('click', click);
});
ES5
var ids = ['b1', 'b2', 'b3', 'b4', 'b5'];
for(var i = 0; i < ids.length; i++) {
document.getElementById(ids[i]).addEventListener('click', click);
}
b to avoid needing an array. forEach is still ES5 so the for loop is not required there if you are still keeping the array
'b5', 'b6',...., 'b100'];. A better approach would be to use a class or attribute starts with here with document.querySelectorAll and the loop over it.. Just a suggestion.In addition to Suren Srapyan, instead of using element id's you can also do with class name/element name Like below.
var x = document.querySelectorAll(".example");
for(i=0; i < x.length; i++ )
x[i].addEventListener('click', click);
