2007年5月24日(木) 11時45分50秒 [計算・変換]

指定範囲の整数からランダムに1つ選ぶ

JavaScriptには、実行するたびにランダムな数値を得るrandomメソッドが用意されています。これを使うと、指定範囲の中でランダムな数値を得ることができます。
ランダムに何かを選択するとか、おみくじを作るとか、何かの当選番号を決定するとか、いろいろ活用できそうです。

randomメソッドは、ただそれだけを実行すると、0以上1未満の小数を返します。これを使って、「ランダムな整数」を得るには以下のように記述します。

var randnum = Math.floor( Math.random() * 100 );

上記のJavaScriptを実行すると、変数randnumに「0～99」の範囲の整数がランダムに格納されます。

• Math.random()で0～1未満の乱数を得る
• 「* 100」で、欲しい値の最大値（より1つ上の数）をかける
• Math.floor(...)で、小数点以下を切り捨てる

上記のJavaScriptでは、randomメソッドで得られた値に100をかけているため、0以上100未満の値が得られます。
このかける値を50にすれば、0以上50未満の整数が得られます。

もし、30～90の範囲でランダムな整数が欲しいなら、以下のように記述します。

var randnum = 30 + Math.floor( Math.random() * 91 );

上記のJavaScriptを使って、ランダムな整数を表示するボタンを作ってみたのが、以下の例です。

ボタンをクリックすると、その下にランダムに選ばれた整数が表示されます。範囲は0～99です。
このボタンと表示機能を作るHTML＆JavaScriptは、以下の通り。

<script type="text/javascript"><!--
function GetRandomNumber() {
   var randnum = Math.floor( Math.random() * 100 );
   document.getElementById("sample").innerHTML = randnum;
}
// --></script>
<p>
   <input type="button" value="ランダムな番号を選ぶ" onclick="GetRandomNumber();">
</p>
<p>
   ランダムに選ばれた番号： <span id="sample">***</span>
</p>


得られたランダムな整数は、getElementByIdメソッドを使って、id名に「sample」と指定された要素内に表示させています。
idの値は他と重複してはいけないので、何か適当な名称に書き換えて使った方が良いと思います。