前提・実現したいこと
javascriptで、ランダムに表示させた画像をクリックしたら横に文字列が表示させる
方法を教えてください。
(初心者です。)
発生している問題・エラーメッセージ
javascriptで、ランダムに画像を表示させることはできました。
できないのが
1 表示されているそれぞれの画像をクリックすること
2 クリックした後、横に文字列を表示させることができません。
現在
ボタン。<画像>
完成形の画面の構成は↓のような感じです。
ボタン。<画像> →クリック→(文字列)
該当のソースコード
<!-- <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>test</title> <script> function getImage(){ var arr = ['1.jpg', '2.jpg', '3.jpg']; var obj = document.getElementById("im"); var a = Math.floor(Math.random() * arr.length); obj.src = arr[a]; } </script> </head> <body> <input type="button" value="Push" onclick="getImage()"> <img id="im" alt="image is here"> </body> </html> -->回答1件
あなたの回答
tips
プレビュー