javascriptについて質問です。
10枚の画像をランダム表示し、その都度、画像真下に画像1…画像2というようなテキストを表示するプログラムを作りたいのですが、テキストと連動して画像を表示するやり方が分かりません。
一応、画像はランダムに表示させることは出来ました。
getElementで取得したid、changeを変数strに代入し、innerHTMLでテキストを表示させようと思ったのですがうまくいきません。
そもそもこの方法が合ってるのかもわかりません。
どなたか分かる方いましたらよろしくお願いします。
<body onLoad="rndImg()"> <h2>写真のランダム表示</h2> <div id='change'></div> <script> var imgNum=10; function rndImg(){ var rnd=Math.floor(Math.random()*imgNum +1); var str=document.getElementById('change'); str.innerHTML='テキスト'; '<img src="img/img' +rnd+ '.jpg">'; } </script>