javascript - 遍历数组时文本变得未定义

Question

现在，我是网络编程的新手，尤其是 javascript。我正在尝试编写一个脚本，该脚本将在用户单击图像时更新网页上的图像及其文本。这是代码:

//Images array
imgs = Array("test1.jpg", "test2.jpg", "test3.jpg");

//Names array
names = Array("Test1", "Test2", "Test3");

//Holds how many times our page has been clicked
var click = 0;

//Another click var
var click2 = 0;

//change function 
function change()
{

//Get the ID of 'nam', and start incrementing the elements in our array
document.getElementById("nam").innerHTML = names[++click2];

//Get an element with the ID 'first', and start incrementing the elements in  our      array
document.getElementById("first").src = imgs[++click];

//If the user clicks to the end of the gallery
if(click==2)
{
    click = -1;
}

if(click2==2)
{
    click = -1;
}

}

可能不是执行此操作的最佳方法，但此代码一开始会起作用。但是，当我单击第三张图片返回第一张图片时，图片工作正常，但文本变为“未定义”。我四处搜索，但似乎找不到此代码有任何真正“错误”的地方。

感谢任何帮助。

Answer 1

变量名错别字:

//If the user clicks to the end of the gallery
if(click==2)
{
    click = -1;
}

if(click2==2)
{
    click = -1;
}

应该是

//If the user clicks to the end of the gallery
if(click==2)
{
    click = -1;
}

if(click2==2)
{
    click2 = -1;
}