Image Click

クリックすると画像が変わります。

【実行画面】

  1. 【実行画面のソーコード】
    <script type="text/javascript">
  function ImgClick()
  {
    document.getElementById("img").src = "img/enemy2.gif";
  }
</script>

<img src="img/enemy1.gif" id="img" onclick= ImgClick()><br>
  2. onclick= はクリックで呼び出す関数の設定で、a, body, button, div, img, table, tr, td など多くのタグで使えるようです。
    画像をクリックすると onclick= ImgClick() 関数が呼び出されます。
  3. ImgClick() 関数では Id が "img" のタグを持つ src に "img/enemy2.gif" を設定して画像を切り替えます。

前田稔の超初心者のプログラム入門
超初心者のプログラム入門(JavaScript)