サイコロの目を数字でランダムに表示するプログラム(画像名)
画像名をランダムに表示させます。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 |
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>サイコロの目を数字でランダムに表示するプログラム(画像名)</title> </head> <body> <h1>サイコロの目を数字でランダムに表示する(画像名)</h1> <p> <button onClick="btn()">ランダムに表示</button> </p> <h2 id="result"><img src="img/one.png" alt=""></h2> <script> function btn() { var dice = ['one','two','three','for','five','six']; var rnd = Math.floor(Math.random() *dice.length); var element = document.getElementById('result'); element.innerHTML = '<img src="img/' + dice[rnd] + '.png" alt="">'; } </script> </body> </html> |
