画像をクリックする度に順順番（1→2→3→4→5）に画像がループする
|
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 26 27 28 |
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>画像をクリックする度に順順番（1→2→3→4→5）に画像がループする</title> </head> <body> <div class="content"> <h1>画像をクリックする度に順順番（1→2→3→4→5）に画像がループする</h1> <p id="main" onclick="action()"><img src="img/01.png"></p> </div> <script> var num = 1; function action() { num = num+ 1; // num++;s console.log(num); if (num === 6) { num = 1; } var str = document.getElementById('main'); str.innerHTML = '<img src="img/0' +num+ '.png" alt="">'; } </script> </body> </html> |
