javascript - 純粋な JavaScript を使用してシンプルな画像ギャラリーを作成する方法

Question

javaScript初心者で、練習用にフォトギャラリーを作ってみました。jQueryはよくわからないので、今は使いたくないです。

次の画像ボタンを使って画像をスライドさせたいのですが、

1. 最初の img タグをクリックすると、正常に動作します。
2. 2番目の入力タグをクリックすると、同じ画像が再び表示されます。

これら 2 つのタグの違いは何ですか。関数が呼び出されています。 alert を使用して確認しました。キャッチされていない参照エラーです

多くの変更を加えた後、多くのコードを検索しましたが、この スクリプトは次のようになります。

 <script type="text/javascript">
    var k = 0;
    var imageName = new Array(6);
    imageName[1] = "1.jpg";
    imageName[2] = "2.jpg";
    imageName[3] = "3.jpg";
    imageName[4] = "4.jpg";
    imageName[5] = "5.jpg";
    imageName[6] = "6.jpg";

      function NextImage(){

        if (k == 6) {
            k = 0;
        }
        k++;
        document.getElementById("imagebox").src =imageName[k];

    }
</script>

html:

<form id="form1" runat="server">
<div>
<img id="picbox" src="1.jpg" height="500" width="500" alt="iMAGE NOT FOUND" />
<img src=green-next-button.jpg onclick="javascript:NextImage()" />
<input type="image" onclick="NextImage()" src=green-next-button.jpg />

</div>

コードの問題を親切に追跡してください。事前に感謝します。一部の Web.config ファイルが原因でデバッグが無効になっているため、これも推奨されます。HTMLタグをデバッグする方法を教えてください。