ランダムの最近のブログ記事

サイコロを作ってみる

| コメント(0)
シンプルなサイコロを作ってみます。(えw
下のようなタグを適当な場所に記述してください。
ボタンをクリックすると、1から6までのランダムな数字がでてきます。
<input type="button" onclick="alert(Math.floor(Math.random() * 6) + 1);" value="サイコロを振る">
よくわかる(か知らない)解説:
Math.random()は見ての通り、乱数(ランダムな数)を発生させます。
Math.floor()は、小数点以下を切り捨てて整数にします。
ですから・・・Math.random() * 6は、0.**********から5.**********までが出ます。
それを、Math.floor()を使って、小数点以下切捨てして、
それを、+1した数を、alertでダイアログとして表示します。

サンプル:


ちょっと工夫すれば次のように画像を出すことができます。

サイコロ画像
サイコロ画像は、イラスト素材の素材ダス様からお借りしました。