入力フィールドの値とランダム化された数値が一致するスコア

Question

私が現在取り組んでいるプロジェクトには、2つのボタン（「ゲーム開始」と「ゲーム終了」）、選択した数字（プロンプトボックスユーザーは0から9までの整数を入力できます）、0から9までの3つの無作為化された数字を入力できます。

私はゲームのすべての解決策を完了し、ユーザ入力フィールドに一致するランダム化された数字。例えば、ユーザが所望の数字として「6」を選択した場合、「6」が見えるまで、ランダム化された数字の3つのゾーンの間で毎回クリックする機会が得られる。 「6」をクリックするたびにユーザがポイントを獲得し、「6」以外の数字をクリックする度にユーザの合計ポイントが差し引かれます。スコアはゼロから始まり、負のスコアを持つことができます。以下は

は私の無作為化番号と入力フィールドプロンプトボックスのコードです：

は、私は基本的に、それぞれの番号を入力値と一致得点と、この設計をエミュレートする可能性のある方法はありますか？

アドバイスや指示があれば幸いです...長い質問を申し訳ありません！

乾杯。

<script> 

var txt; 

function chooseNum() 
{ 
var txt; 
var person = prompt("Choose an integer between 0 and 9:"); 
if (person == null || person == "") { 
    txt = "User cancelled the prompt."; 
} else { 
    txt = person; 
} 
document.getElementById("chosen").innerHTML = txt; 
} 

function randomNumber() 
{ 
var rand = Math.floor(Math.random()* 9 + 1); 
$('#number1').html(rand); 

} 
</script> 

<script> 

var id = window.setInterval(function(){randomNumber1();},1000); 

function randomNumber1() 
{ 
var rand = Math.floor(Math.random()*9); 

document.getElementById("number1").innerHTML = rand; 

} 

</script> 

<script> 

var id = window.setInterval(function(){randomNumber2();},1000); 

function randomNumber2() 
{ 
var rand = Math.floor(Math.random()*9); 

document.getElementById("number2").innerHTML = rand; 

} 

</script> 

<script> 

var id = window.setInterval(function(){randomNumber3();},1000); 

function randomNumber3() 
{ 
var rand = Math.floor(Math.random()*9); 

document.getElementById("number3").innerHTML = rand; 

} 

</script> 

Answer 1

いくつかの問題があります。ここでは、IIFEとjQueryを使用しているように見えます。

var txt; 
 

 
function chooseNum() { 
 
    var person = prompt("Choose an integer between 0 and 9:"); 
 
    if (person == null || person == "") { 
 
    txt = "User cancelled the prompt." 
 
    } else { 
 
    txt = person; 
 
    runIt(); 
 
    } 
 
    $("#chosen").html(txt) 
 
} 
 

 
function runIt() { 
 
    for (var i = 1; i <= 3; i++) { 
 
    (function(i) { 
 
     var interval = setInterval(function() { 
 
      var rand = Math.floor(Math.random() * 10); 
 
      $('#number' + i).html(rand); 
 
     }, 
 
     1000); 
 
    })(i); 
 
    } 
 
} 
 
$(function(){ 
 
    chooseNum() 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 
<span id="chosen"></span> - 
 
<span id="number1"></span><span id="number2"></span><span id="number3"></span>