Question

当开始点击时,应当有一系列的颜色。彩色阵列已gged,并选定了带有相应颜色的盒子。改变速度功能的排位功能改变了几秒钟的彩色的不透明性,然后使之恢复正常,产生预期的效果。

该法典的这一部分是上文所解释的。

btn.addEventListener( click , ()=> {
  if (!gamePlay) {
    gamePlay=true;
    createSequence(number);
    gameClicks.forEach((color,i)=> {
      box=document.querySelector(`.box[data-color=${color}]`)
      setTimeout(()=> {
        changeOpacity();
      }, 200*i);
    })
  }
});


function changeOpacity() {
  box.classList.toggle( active );
  setTimeout(()=> {
  box.classList.toggle( active );
  }, 300);
}

www.un.org/Depts/DGACM/index_spanish.htm 然而,我的问题是,在顺序出现时,特别有一点是轻视的。这对我来说是很奇怪的。例如,当开始点击时,也许只有黄色特性的盒子才会灯光。我不理解为什么发生这种情况。

Answer 1

Pass changeOpacity the current box (and make sure to properly scope the box inside the function rather than having it be an implicitly global variable):

btn.addEventListener( click , () => {
  if (!gamePlay) {
    gamePlay = true;
    createSequence(number);
    gameClicks.forEach((color, i) => {
      const box = document.querySelector(`.box[data-color=${color}]`)
      setTimeout(() => {
        changeOpacity(box);
      }, 200 * i);
    })
  }
});


function changeOpacity(box) {
  box.classList.toggle( active );
  setTimeout(() => {
    box.classList.toggle( active );
  }, 300);
}

友情链接