JavaScript报TypeError: “x” is not a function，如何解决呢？

不知道出了什么问题（我对JavaScript很陌生），所以请帮助我！我的JavaScript代码中出现了TypeError: “x” is not a function，如何解决呢？

D //Error Area, Uncaught TypeError: images is not a function 
file:///C:/Users/user/Desktop/LounaIndex/scriptIndex.js:19 
EventListener.handleEvent* 
file:///C:/Users/user/Desktop/LounaIndex/scriptIndex.js:14

var images = [
    "cat_pics/Louna (1).jpeg",
    "cat_pics/Louna (2).jpeg",
    "cat_pics/Louna (3).jpeg",
    "cat_pics/Louna (4).jpeg",
    "cat_pics/Louna (6).jpeg",
    "cat_pics/Louna (7).jpeg"
];
var btn = document.querySelector("button")
var img = document.querySelector("img")
var counter = 1;
btn.addEventListener("click", function () {
    if (counter === 8) {
        counter = 0
    }

    img.src = images(counter)
    counter = counter + 1;
});

您的代码中几乎不需要更改，例如 images数组长度为6，并且如果条件处理多于6个元素

if (counter === 8) { // it should be like counter === 6
    counter = 0
}

您可以在下面看到完整的示例

试试看 HTML

<button>changeImage</button><img />

var images = [
    "cat_pics/Louna (1).jpeg",
    "cat_pics/Louna (2).jpeg",
    "cat_pics/Louna (3).jpeg",
    "cat_pics/Louna (4).jpeg",
    "cat_pics/Louna (6).jpeg",
    "cat_pics/Louna (7).jpeg"
];
var btn = document.querySelector("button")
var img = document.querySelector("img")
var counter = 1;
btn.addEventListener("click", function () {
    if (counter === 6) {
        counter = 0
    }
    img.src = images[counter]
    counter = counter + 1;
});

if(counter === images.length){
    counter = 0
}