javascript onclickイベントで2つのランダムな値を作成

Question

2つの異なる変数play1とplay2に0と10の間に2つの乱数を格納しようとしています。 PLAY1が6を取得する場合

PLAY2の最大値は10マイナスPLAY1値となり、すなわち、PLAY2の最大値は、私が第2の値を格納するPLAY2をトリガすることができますどのように4

でしょうか？ 2回目のクリックでトリガーする必要があります。

var min = 0; 
 
var max = 10; 
 
var play1; 
 
var play2; 
 

 

 
function myFunction() { 
 
    play1 = Math.floor(Math.random() * (max - min + 1)) + min; 
 
    max = 10 - play1 
 
    document.getElementById("result").innerHTML = play1; 
 
    
 
    if (play1 < 10) { 
 
    //trigger play2 
 
    } 
 
    
 
}

<button onclick="myFunction()">Click me</button> 
 
<p id="result"></p>

Answer 1

below-あなたのコードを更新しました。これは、関数がのためにあるものだ。

function r(min, max){ 
 
    return Math.floor(Math.random() * (max-min+1)) + min; 
 
} 
 

 
var min = 0; 
 
var max = 10; 
 
var play1; 
 
var play2; 
 

 
function myFunction() { 
 
    play1 = r(min, max); 
 
    play2 = r(min, max - (play1-min)); 
 

 
    document.getElementById("result").innerHTML = [play1, play2]; 
 
}

<button onclick="myFunction()">Click me</button> 
 
<p id="result"></p>

私は2番目のクリックでトリガーされる第2の値を必要とします。

このような

function r(min, max){ 
 
    return Math.floor(Math.random() * (max-min+1)) + min; 
 
} 
 

 
var min = 0; 
 
var max = 10; 
 
var play1; 
 
var play2; 
 
var nthClick = 0; 
 

 
function myFunction() { 
 
    ++nthClick; 
 
    if(nthClick & 1){ 
 
    //odd 
 
    play1 = r(min, max); 
 
    play2 = null; 
 
    }else{ 
 
    //even 
 
    play2 = r(min, max - (play1-min)); 
 
    } 
 
    document.getElementById("result").innerHTML = [play1, play2]; 
 
}

<button onclick="myFunction()">Click me</button> 
 
<p id="result"></p>

？

Answer 2

あなたは、単にplay2の値にあなたが使用してplay1の値を算出したのと同じ方法計算することができます - play2 = Math.floor(Math.random()*(max-min+1)) + min;を。私は自分自身を繰り返してはいけない

var min = 0; 
 
var max = 10; 
 
var play1; 
 
var play2; 
 

 

 
function myFunction() { 
 
    play1 = Math.floor(Math.random() * (max - min + 1)) + min; 
 
    max = 10 - play1 
 
    document.getElementById("result").innerHTML = play1; 
 
    
 
    if (play1 < 10) { 
 
    play2 = Math.floor(Math.random()*(max-min+1)) + min; 
 
    } else { 
 
    play2 = 0; 
 
    } 
 
    document.getElementById("result2").innerHTML = play2; 
 
    
 
}

<button onclick="myFunction()">Click me</button> 
 
<p id="result"></p> 
 
<p id="result2"></p>

Answer 3

おそらく、この

var min = 0; 
 
var max = 10; 
 
var play1; 
 
var play2; 
 

 

 
function myFunction() { 
 
    var target = document.getElementById("result"); 
 
    var firstNum = parseInt(target.innerHTML); 
 
    if (isNaN(firstNum)) { // first click 
 
     play1 = Math.floor(Math.random() * (max - min + 1)) + min; 
 
     target.innerHTML = play1; 
 
    } else { 
 
     play2 = Math.floor(Math.random() * ((10 - firstNum) - min + 1)) + min; 
 
     // do what with it????? you haven't shown! 
 
     document.getElementById("result2").innerHTML = play2; 
 
    } 
 
}

<button onclick="myFunction()">Click me</button> 
 
<p id="result"></p> 
 
<p id="result2"></p>

Answer 4

クリック数にコントロールを追加してみてください。 コードをコピーしてトーマスの答え

var controlVariable = 1; 
 

 
function r(min, max){ 
 
    return Math.floor(Math.random() * (max-min+1)) + min; 
 
} 
 

 
var min = 0; 
 
var max = 10; 
 
var play1; 
 
var play2; 
 

 
function myFunction() { 
 
    if (controlVariable == 1) { 
 
    play1 = r(min, max); 
 
    controlVariable++; 
 
    } 
 
    else if (controlVariable == 2) { 
 
    play2 = r(min, max - (play1-min)); 
 
    controlVariable = 1; 
 
    } 
 

 
    document.getElementById("result").innerHTML = [play1, play2]; 
 
}

<button onclick="myFunction()">Click me</button> 
 
<p id="result"></p>