GuessGame if/else logic

Question

プログラムは0から1500の間の乱数を生成し、それをrndnumに格納し、10の推測値を持つと、ゲームは数値が高いか低いかを知らせます。あなたが演奏を始めるとき、一番上に「あなたの数字は0（lownum）と1500（highnum）の間です」と書かれています。

数値が< = 1000と推測され、正しい答えが高い場合、プログラムは数値がパラメータの間にあることを認識していますが、上記のテキストは同じままです。

if (inputnum.value > lownum && inputnum.value < rndnum) { 
    lownum = inputnum.value 
} else if (inputnum.value < highnum && inputnum.value > rndnum) { 
    highnum = inputnum.value 
} 
choosedif.innerHTML = "Your number is between " + lownum + " and " + highnum; 

EDIT：完全なコード（https://pastebin.com/VtaFMVS8）

Answer 1

私はつもり推測だし、あなたはそれが複数回実行されることを期待したときにしか、このアクションを一度に実行していると言います。与えられたコードスニペットには何も問題はありませんが、それは完全な話を伝えません。

残念なことに、ブラウザに何をしていつ行うのかを明示的に伝える必要があります。あなたが指示しない限り、HTMLは自動的に更新されません。 JavascriptのDOM操作の側面は主にイベント駆動型システムです。

ボタンを押したり、入力ボックスの値を変更したり、機能を実行するために発生する可能性のある何らかのトリガーが必要になります。以下の例では、changeValue関数をボタンのonClick eventにバインドしています。そのボタンがクリックされ、そのボタンがクリックされると、changeValue関数はコードスニペットを実行し、それによってhtmlを更新します。

// set up initial numbers 
 
lownum = 0; 
 
highnum = 1000; 
 
rndnum = Math.floor(Math.random()*highnum) 
 
// get elements 
 
inputnum = document.querySelector("#inputnum") 
 
choosedif = document.querySelector("#choosedif") 
 

 
function changeValue(){ 
 
    if (inputnum.value > lownum && inputnum.value < rndnum) { 
 
     lownum = inputnum.value 
 
    } else if (inputnum.value < highnum && inputnum.value > rndnum) { 
 
     highnum = inputnum.value 
 
    } 
 
    inputnum.value = "" // clear input box 
 
    choosedif.innerHTML = "Your number is between " + lownum + " and " + highnum; 
 
} 
 

 
changeValue();

<input id="inputnum" type="number"/> 
 
<button onclick="changeValue()">Guess</button> 
 
<div id="choosedif"></div>