javascript - 如何结束我的 JQuery/Javascript 游戏？

Question

这是我程序中的脚本。这是一个更高/更低的游戏。我的数组中的元素比这 3 个元素多得多，但我不希望这里的代码太长所以..我的问题是:aantalPogingen 从 5 开始，每次他回答错误，这将下降 1，当他达到 0 时，我希望我的游戏停止并给他一个游戏结束的通知。

var randomNummer = Math.floor((Math.random() * kaartenHart.length));
var punten = 0;
var aantalPogingen = 5;
var kaartenHart = ["img/heart1.png", "img/heart2.png", "img/heart3.jpg"];

function drawKaart() {
  $('#afbeeldingKaart').attr('src', kaartenHart[randomNummer]);
}

function hogereKaart() {
  var hoger = Math.floor((Math.random() * kaartenHart.length));
  $('#afbeeldingKaart').attr('src', kaartenHart[hoger]);
  if (hoger >= randomNummer) {
    punten++;
    $("#score").html("SCORE : " + punten);
  } else {
    aantalPogingen--;
    $("#pogingen").html("Number of wrong guesses left : " + aantalPogingen);
  }

  randomNummer = hoger;
  $('#afbeeldingKaart').attr('src', kaartenHart[hoger]);
}

function lagereKaart() {
  var lager = Math.floor((Math.random() * kaartenHart.length));
  $('#afbeeldingKaart').attr('src', kaartenHart[lager]);
  if (lager <= randomNummer) {
    punten++;
    $("#score").html("SCORE : " + punten);
  } else {
    aantalPogingen--;
    $("#pogingen").html("Number of wrong guesses left : " + aantalPogingen);
  }
  randomNummer = lager;
  $('#afbeeldingKaart').attr('src', kaartenHart[lager]);
}


$(document).ready(drawKaart);

Answer 1

这是我的两分钱...它未经测试，但您可以了解引入一些新功能来帮助您优化和管理代码的想法；)

var randomNummer = Math.floor((Math.random() * kaartenHart.length));
var punten = 0;
var aantalPogingen = 5;
var kaartenHart = ["img/heart1.png","img/heart2.png", "img/heart3.jpg"];

function drawKaart() {
    $('#afbeeldingKaart').attr('src', kaartenHart[randomNummer]);
}

function hogereKaart() {
   if(isGameOver()){
        alerGameOver();
    } else {
        var hoger = Math.floor((Math.random() * kaartenHart.length)); 
        $('#afbeeldingKaart').attr('src', kaartenHart[hoger]); 
        if (hoger >= randomNummer){
             punten++; 
             $("#score").html("SCORE : " + punten);
         }
         else{
             setRemainingTries(aantalPogingen--); 
         }

         randomNummer = hoger;
         $('#afbeeldingKaart').attr('src', kaartenHart[hoger]);
     }
}

function lagereKaart() {
    if(isGameOver()){
        alerGameOver();
    } else {
        var lager = Math.floor((Math.random() * kaartenHart.length)); 
        $('#afbeeldingKaart').attr('src', kaartenHart[lager]); 
        if (lager <= randomNummer){
            punten++; 
            $("#score").html("SCORE : " + punten);
        }
        else{
            setRemainingTries(aantalPogingen--);
        }
        randomNummer = lager;
        $('#afbeeldingKaart').attr('src', kaartenHart[lager]);
    }
}


function alerGameOver(){
    alert('Game Over');
}

function isGameOver(){
    if(aantalPogingen == 0)
        return true;
    else
        return false;
}

function setRemainingTries(newPoints){
    if(isGameOver())
        alertGameOver();
    else {
        aantalPogingen = newPoints;
        $("#pogingen").html("Number of wrong guesses left : " + aantalPogingen);
    }     
}

$(document).ready(drawKaart);