0

クリックすると小さな四角形が消えるようにしようとしていますが、それが間違った選択である場合に限ります。

問題は、ゆっくりと消えていきたいことと、正方形の選択に問題があることです。

for (var i = 0; i < difficulty; i++) {
  card[i].addEventListener("click", function(){
    if(this.classList.contains("rightGuess")){
      victoryPar.innerHTML = "You're right!"
    }
    else{
      victoryPar.innerHTML = "Try again"
      this.classList.add("wrong");
      var cartaSbagliata = document.getElementsByClassName("wrong")[incremento];
      opacityWrong = Number(window.getComputedStyle("cartaSbagliata").getPropertyValue("opacity"));
      incremento++;
      interId = setInterval(function(){
        if(opacityWrong > 0){
          opacityWrong = opacityWrong-0.1;
          cartaSbagliata.style.opacity = opacityWrong
        }
        else{
          clearInterval(interID);
        }
      }, 40)

    }
  })
}

card[i]で を選択する方法がわかりませんgetComputedStyle。ほぼ全部試したのでちょっとぐちゃぐちゃなので、 のアイテムの正しい選び方を誰か教えてくれたら嬉しいですgetComputedStyle。

私は初心者なので、説明してください、または何も理解するつもりはありません。

4

1 に答える 1

1

エラーが言うように

パラメータ 1 は「要素」タイプではありません

"cartaSbagliata"要素ではなく文字列です。

variable に an 要素があるcartaSbagliataので、それを使用します。

window.getComputedStyle(cartaSbagliata)
于 2019-08-02T14:29:36.333 に答える