javascriptを使ってブラウザ上にボタンを置き
そのボタンを押すと画像が表示され、もう一度押すと先ほどの
画像の下に同じ画像が表示されるプログラムを教えてください。
ボタンを押すたびに画像が下に下に追加されるようにしたいです。
<!DOCTYPE html> <html lang=”ja”> <head> <meta charset=”UTF-8″> <title>かいけつプログラム</title> </head> <body> <p>画像の表示</p> <script> var img; function sampleimg1(){ img = document.getElementById(“image_file”); img.src = “img/sample1.png”; } </script> <input type=”button” onclick=”sampleimg1()” value=”画像1″> <br><br> <img id=”image_file”src=””/> </body> </html>
下記サイトを参考にしたのですが、追加の部分がわかりません。
https://www.kaiketu-pg.net/js_imgcgbtn/
ご教授お願いします。
ヒント: DOM操作(JavaScript)
回答3件
あなたの回答
tips
プレビュー