Javascript游戲中的代碼片段問題

Question

我最近買了一本書，開始學習用HTML 5，CSS3和Javascript / Jquery制作游戲。 它引入的第一個游戲是一個簡單的乒乓球游戲。 大多數內容是復制和粘貼，但從那時起，我一直在嘗試添加其他功能。

這是我嘗試調整的一些代碼：

    pingpong.scoreB++;
    $("#scoreB").html(pingpong.scoreB);
    if (pingpong.scoreB == 10){
        alert("Player A Lost");
        pingpong.scoreA = 0;
        pingpong.scoreB = 0;
    }

在這里，我試圖在有人擊中10后將分數重置為零。從技術上講，此代碼可以正常工作，只是屏幕上的分數不會重置，直到關閉警報框后再取得另一個分數為止。

我正在嘗試調整的另一個代碼：

if (pingpong.pressedKeys[KEY.ENTER]){
$("#ball").css({
    "left" : ballLeft + ball.speed * ball.directionX,
    "top" : ballTop + ball.speed * ball.directionY
})};

對於此代碼，我試圖按一次ENTER后使球移動。 當前，我需要按住ENTER鍵才能連續移動球。

Answer 1

請注意，當您第一次更改分數（使用pingpont.scoreB++ ）時，下一行將新分數寫入HTML。 但是，當您將分數重置為零時，您將不會跟隨任何代碼將新分數寫入HTML。 重置分數后，添加幾行代碼以更新用戶界面：

pingpong.scoreB++;
$("#scoreB").html(pingpong.scoreB);  // This line updates the UI
if (pingpong.scoreB == 10){
    alert("Player A Lost");
    pingpong.scoreA = 0;
    pingpong.scoreB = 0;  // After you change the score here, update the UI again
    $("#scoreA").html(pingpong.scoreA);
    $("#scoreB").html(pingpong.scoreB);
}