おみくじゲーム
javascriptで学んだことを試すために、おみくじゲームを作ってみました。
まずは試作として一つ目を作りましたが、学習にあわせて改変していく予定です。
■おみくじ例
■ソースコード
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<p><input type="button" value="クリック" onclick="changekuji();"></p> <script> function changekuji() { var atai = Math.floor(Math.random( )*4); if (atai == 0) { atai = "大吉"; }else if (atai == 1) { atai = "中吉"; }else if (atai == 2) { atai = "小吉"; }else { atai = "凶"; } window.alert(atai); } </script> |
■ブラウザ表示
クリック
↓
■ダイアログ表示
大吉
■おみくじシンプル例
■ソースコード
|
1 2 3 4 5 6 |
<p><input type="button" value="クリック" onclick="changekuji();"></p> <script> function changekuji() { alert((["大吉","中吉","小吉","凶"])[Math.floor(Math.random()*4)]); } </script> |
※関数処理を１行のみで処理できる記述法を教えてもらいました。
■ブラウザ表示
クリック
↓
■ダイアログ表示
大吉