【javaScript・jQuery】ある範囲のランダムな数字の作成方法

2019年7月18日

javaScriptを使って任意の範囲の数字をランダムに出す方法です。

方法は簡単!
javaScriptで以下を書くだけです。
Math.random() * ( (最大値 + 1) – 最小値 ) + 最小値;

例えば、2から5の間の数字をランダムに出したい場合は、最小値に2、最大値に5を入れるだけです。
例)Math.random() * ( (5 + 1) – 2 ) + 2;

[サンプル]
ランダムな数を表示:

[index.html]

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
ランダムな数を表示:<span id="disp"></span>
<div><button type="button" onclick="randomNumber()">ランダム作成</button></div>
<script src="index.js"></script>

[index.js]

/**
* ランダム数字の生成
*/
function randomNumber() {
    // ランダムな数字の生成(Math.random() * ( (最大値 + 1) - 最小値 ) + 最小値;)
    // 2から5までのランダムな数字の生成
    var randomNum = Math.floor(Math.random() * ((5 + 1) - 2)) + 2;
    // 画面に表示
    $('#disp').text(randomNum);
};

スポンサーリンク

javaScript, jQuery

Posted by ton