I want to convert this to for loop, how would I do that?
function initButton(wrapperSelector) {
const wrapper = document.querySelector(wrapperSelector);
const buttons = wrapper.querySelectorAll(".playButton");
buttons.forEach(function (button) {
button.addEventListener("click", playButtonClickHandler);
button.addEventListener("mouseover", playButtonMouseoverHandler);
button.addEventListener("mouseout", playButtonMouseoutHandler);
});
}
initButton(".wrapc");
}());
ilenia
January 15, 2021, 7:47am
2
how would you do that?
buttons
is what is being iterated over
What is that supposed to mean?
What are you saying?
ilenia
January 15, 2021, 7:59am
4
what have you tried to do?
These are examples of for loop codes I have done.
function pauseAllButtons() {
let buttons = document.querySelectorAll(".playButton");
for (let i = 0; i < buttons.length; i++) {
if (isPlaying(buttons[i])) {
showPlayButton(buttons[i]);
}
}
}
function hideAllButtons(button) {
const buttons = button.querySelectorAll(".play, .pause, .speaker");
for (let i = 0; i < buttons.length; i++) {
hide(buttons[i]);
}
}
ilenia
January 15, 2021, 8:33am
6
and can’t you do sonething similar instead of the forEach?
Got it.
function initButton(wrapperSelector) {
const wrapper = document.querySelector(wrapperSelector);
const buttons = wrapper.querySelectorAll(".playButton");
for (let i = 0; i < buttons.length; i++) {
let button = buttons[i];
button.addEventListener("click", playButtonClickHandler);
button.addEventListener("mouseover", playButtonMouseoverHandler);
button.addEventListener("mouseout", playButtonMouseoutHandler);
}
}
initButton(".wrapc");
}());
system
Closed
July 16, 2021, 8:35pm
9
This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.