サイコロを作ってみる

| コメント(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でダイアログとして表示します。

サンプル:


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

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

コメントする

最近のブログ記事

年をJavaScriptで表示する
年をJavaScriptで表示してみまし…
お気に入り(ブックマーク)登録リンク(Firefox/IE対応)
ブラウザのお気に入り(ブックマーク)に登…
ページを印刷するリンク
現在のページを印刷するリンクタグをご紹介…
簡易バーチャルキーボードを作る
とても簡易的なバーチャルキーボードのスク…
画像にマウスを重ねると画像切り替え
画像にマウスを重ねると、画像が切り替わる…
フォームを選択した状態にする
Webサービスなどを利用していると、フォ…
ページを移動したり閉じるときに確認する
ページを閉じたり、ページから移動したりす…
管理者ログイン