結果を表示する
元にもどす
<html lang="ja"> <meta charset="utf-8"> <style> main{margin:20px; padding:20px; width:800px; border:solid 1px black; border-radius:4px;} div{text-align:left; margin:0 auto;} img{width:800px;} .オープン{display:none;} </style> <main> <p>Mozart Sonata 12 <audio controls> <source src="Mozart_Sonata_12.mp3"> </audio></p> <img id="素材"src="Mozart_Sonata_12_01.jpg"onclick="次の写真()"> </main> <script> let 変更=new Array("Mozart_Sonata_12_01.jpg","Mozart_Sonata_12_02.jpg","Mozart_Sonata_12_03.jpg"); let 愛=0; function 次の写真() {if(愛==2) {愛=0;} else{愛++;} document.getElementById("素材").src=変更[愛];} </script> </html>