Javascript Guessing Game - カウンターが動作しない

Question

私は、ユーザーが1〜999の間の数字を推測しようとする10のJavascript推測ゲームを作成しようとしています。私は、数字を検証し、ループを使い、ユーザが試合を見ているときや、推測を使い果たしたときに警報を出さなければならない。テストのために番号45を使用する。それぞれの推測には、innerHTMLを使用して番号を付けて表示する必要があります。問題は、カウンタがゼロでスタックしていることです。私が逃しているものがわからない！以下のコード：

function myFunction() { 
    var userInput = document.getElementById("input").value; 
    var randomNum = 45; 
    // test for valid input number from 1 to 999 
    if (userInput < 0 || userInput > 999) { 
    alert("Your number must be from 1 to 999"); 
    } else { 
    alert("Input OK"); 
    } 
    var counter = 0; 
    while (counter < 10) { 
    counter++; 
    if (userInput == randomNum) { 
     alert("You win!"); 
    } 
    if (userInput > randomNum) { 
     document.getElementById("loopResults").innerHTML += counter + "." + " Your answer: " + userInput + "." + " Guess lower! < br/> "; 
     alert("You have " + counter + " guesses left."); 
    } else if (userInput < randomNum) { 
     document.getElementById("loopResults").innerHTML += counter + "." + " Your answer: " + userInput + "." + "Guess higher! < br/> "; 
     alert("You have " + counter + " guesses left."); 
    } 
    break; 
    } // end while loop 
} // end function myFunction() 

Answer 1

このライン

var counter = 0; 

リセットが0に関数が呼び出されるたびに対抗します。 1つの修正は、このようにグローバル変数として設定することです。

counter = 0; // note no var keyword 
function myFunction() {...} 

次に、関数のカウンタを呼び出すと、グローバル変数が参照されます。

さらに、whileループは理にかなっていません。 counter> = 10かどうかを調べるには、単純なif文でなければなりません。カウンタ変数が正しく設定された後、このロジックを考えてみてください。

Answer 2

whileループでロジックを実行します。

各ループで増分するカウンタ変数は、すでにループを終了させます。 whileループの最後に「休憩」を設定

は

あなたが実際にそれを終了したいときは、最初に

Answer 3

のみbreakあなたのループ後に終了することが保証されていることを意味します。あなたのケースでは、おそらくユーザーが数を推測したか、試しにいなくなったときでしょう。

breakコマンドは、ループをただちに終了します。詳細はthe MDN docsをご覧ください！