ランダムな数値

どれが選択されるかわからない

ここをクリック

function dorekaon(){
     i = Math.random() * 4;
     rid="r" + (Math.floor( i ) +1 );
     document.getElementById(rid).src = "images/redon.png";
}
function minnaoff(){
     document.getElementById("r1").src = "images/redof.png";
     document.getElementById("r2").src = "images/redof.png";
     document.getElementById("r3").src = "images/redof.png";
     document.getElementById("r4").src = "images/redof.png";
}

<p>
<img id="r1" src="images/redof.png" alt="" />
<img id="r2" src="images/redof.png" alt="" />
<img id="r3" src="images/redof.png" alt="" />
<img id="r4" src="images/redof.png" alt="" />
</p>
<p onclick="dorekaon()" onmouseout="minnaoff()" id="b1">ここをクリック</p>

ポイントはMath.random()とMath.floor

Math.random()

0以上、1未満の実数（小数以下を持つ数）

100*Math.random()

0以上、100未満の実数（小数以下を持つ数）

Math.floor(100*Math.random())

0以上、99以下の整数（99を含む）

Math.floor(100*Math.random()) + 1

1以上、100以下の整数（100を含む）

これで0以上から100未満の整数の乱数ができる。100のところに、作りたい乱数の最大値を入れると、それを上限とする乱数ができる。

Math.floor(6*Math.random()) + 1

1以上、6以下の整数（6を含む）

Math.floor(4*Math.random()) + 9

9以上、12以下の整数（12を含む）

9から始まって４とおり(9,10,11,12)