HTMLにJavascript乱数を生成

Question

HTMLで数値を生成するにはJavascriptのヘルプが必要です。私は近づいていますが、それをかなりうまく動かすことはできません。ヘルプをいただければ幸いです。次の文の後

http://jsfiddle.net/xmPgR/251/

function getNumber() { 
 
    var minNumber = 0; // The minimum number you want 
 
    var maxNumber = 100; // The maximum number you want 
 
    var randomnumber = Math.floor(Math.random() * (maxNumber + 1) + minNumber); // Generates random number 
 
    $('#myNumber').html(randomnumber); // Sets content of <div> to number 
 
    return false; // Returns false just to tidy everything up 
 
} 
 

 
window.onload = getNumber; // Runs the function on click 
 
document.getElementById("yourNumber").innerHTML = randomnumber;

<div id="myNumber"></div> 
 
<p id="yourNumber"> 
 
</p>

Answer 1

あなたonload作品、それが非同期で動作しますので。また、これ以外にrandomnumberをスコープ外に使用します（accessibleではありません）。

したがって、randomnumberを関数から返し、その関数をonloadイベントハンドラで使用することをお勧めします。そのハンドラの内部で関数を呼び出し、番号を取得して要素のテキストに割り当てます。

あなたのgetNumerの論理が番号を返すことになっている場合は、その中に何も割り当てないで番号を返すだけです。 乱数を返すのは、です。それに範囲を渡し、ハードコードしないでください：別の場所では、異なる範囲の乱数が必要です。他のロジックは、その機能の外部に実装します。

function getRandomNumber(minRange, maxRange) { 
 
    return Math.floor(Math.random() * (maxRange + 1) + minRange); 
 
} 
 

 
window.onload = function() { 
 
    const rand = getRandomNumber(0, 100); 
 
    document.getElementById("yourNumber").innerHTML = rand; 
 
    $('#myNumber').html(rand); 
 
};

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="myNumber"></div> 
 
<p id="yourNumber"></p>

Answer 2

ここに行く：

function getNumber() { 
 
    var minNumber = 0; // The minimum number you want 
 
    var maxNumber = 100; // The maximum number you want 
 
    var randomnumber = Math.floor(Math.random() * (maxNumber + 1) + minNumber); // Generates random number 
 
    document.getElementById("myNumber").innerHTML = randomnumber; // Sets content of <div> to number 
 
    return false; // Returns false just to tidy everything up 
 
} 
 

 
window.onload = getNumber; // Runs the function on click

<div id="myNumber"></div> 
 
<p id="yourNumber"> 
 
</p>