Math.random

まだnullネコ

こんばんは、nullネコです。
今日はMathオブジェクトについてです！

htmlソース

<body>
<div>
 <img src="1.gif" id="s">
 <form method="post">
  <input type="button" value="サイコロを振る" onclick="a()">
 </form>
</div>
</body>

１～６のサイコロ画像をフォルダ内に用意した上で、ボタンを押すとランダムに画像が入れ替わる仕様。

scriptソース

<script src="jquery.js"></script>
<script>
function a(){
	x=Math.floor(Math.random()*6)+1;
	f=x + ".gif";
	$("#s").attr("src",f);
}
</script>

・Math.floor()　小数点以下を繰り下げた整数値に直す
・Math.random()　0以上1未満の数値をランダムに生成(小数点含む)
・x=Math.floor(Math.random()*6)+1;
0～1未満のランダムに生成された数値に6を掛け1を足すことで1～6の数値をランダムに生成
● imgの数字をランダムに変える事でサイコロを振ってるように実現できる

[その他代表的な関数]
Math.ceil(n)・・・nの小数点以下を繰り上げた整数値を求める。
Math.round(n)・・・nの小数点以下を四捨五入した整数値を求める。
Math.abs(n)・・・nの絶対値を求める。


ランダムに数値を生成できることで、画像やテキストの入れ替えができるのでちょっとしたゲームも作れますね！

ではでは。
最後まで読んでいただきありがとうございます。

いいなと思ったら応援しよう！