如何使用Javascript减少每次转弯后的生命

如何解决如何使用Javascript减少每次转弯后的生命

我一直在开发一款记忆游戏，它运行完美。我想在游戏中添加一个生活功能，在每次错配后，玩家都会失去屏幕上的一颗心。我已附上以下图片：

到目前为止，我所取得的成就是，当我第一次遇到不匹配时，寿命减少了一个，但此后生命却没有减少。我已经附上了以下代码段：

function unmatched() {
openedCards[0].classList.add("unmatched");
openedCards[1].classList.add("unmatched");

    life();
}

 function life(){
    for(let i=0; i<5; i++) {
     if(i=4) {
      starElementsArray[i].style.opacity = 0.1;
      }
    }
 }

在上面的代码中，当执行函数不匹配时，它将检查生命函数，该函数位于数组内部，并且正在降低一颗心的不透明度。当我使第一个不匹配时，它可以工作，但是此后我无法一一减少其他心脏的不透明度。我很喜欢这个迭代部分。有人可以帮我解决这个问题。

解决方法

问题在于，因为您在函数中定义了生命，所以每次调用life（）函数时，就像重置生命...然后不断循环..直到i = 4，然后减小正方形的不透明度4。

您需要将生命存储在该函数之外，然后完全不需要循环。.只需减少

var currentLife = 4;

function life(){
    starElementsArray[currentLife].style.opacity = 0.1;
    currentLife--;
    if(currentLife < 0){
        // do whatever happens when they run out of life because it continuously decreases as life() is ran
    }
}

,

我建议用户一旦输入错误的答案就使用setTimeout()进行调用，并在正确答案后将其重置。

https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/setTimeout