Javascript画像をクリックすると入れ替わる
<div>
<img id="myImage" src="https://hoge-hoge.com/wp-content/uploads/2023/07/350x500-1.jpg" alt="初期の画像">
</div>
<script>
// 画像要素を取得します
var image = document.getElementById("myImage");
// 画像がクリックされたときの処理を定義します
function changeImage() {
// 画像を差し替えます
image.src = "https://hoge-hoge.com/wp-content/uploads/2023/07/350x500.jpg";
image.alt = "新しい画像";
}
// クリックイベントのリスナーを追加します
image.addEventListener("click", changeImage);
</script>
ディスカッション
コメント一覧
まだ、コメントがありません