リロードで画像がランダム表示
リロードする度に画像がランダムに表示するJavaScript
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>リロードでランダム表示</title> </head> <body> <div class="content"> <h1>リロードでランダム表示</h1> <p id="imgArea">ここに表示</p> </div> <script> window.onload = function() { var changeImg = ['01','02','03','04','05','06','07','08']; var num = Math.floor(Math.random()*changeImg.length); var str = document.getElementById('imgArea'); str.innerHTML='<img src="img/' + changeImg[num] + '.jpg" alt="">'; } </script> </body> </html> |
