サイコロの目を数字でランダムに表示するプログラム
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
<!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/1.png" alt=""></h2> <script> function btn() { var rnd = Math.floor(Math.random()*6)+1; var element = document.getElementById('result'); element.innerHTML = '<img src="img/'+rnd+'.png" alt="">'; } </script> </body> </html> |