使用Javascript更改图像源-基本功能不工作

JavaScript新手，请耐心听我说。我正在尝试创建一个包含2个图像的旋转木马，单击即可更改。我一直想弄明白，但运气不好。谢谢

函数更改img（）{
if（document.getElementById（“旋转木马图像”）.src==”https://via.placeholder.com/150?text=img1") {
document.getElementById（“旋转木马图像”）.src=”https://via.placeholder.com/150?text=img2";
}否则{
document.getElementById（“旋转木马图像”）.src=”https://via.placeholder.com/150?text=img1";
}
}
document.getElementById（“旋转木马图像”）.addEventListener（“单击”，更改img）
您的代码应该可以工作，但这里有一个更健壮的ES6版本，它应该适用于具有两个以上图像的情况

function changeCarouselImage(event) {
    const carouselImages= [
        "https://via.placeholder.com/150?text=img1",
        "https://via.placeholder.com/150?text=img2",
    ];

    const currentImage = event.target.src;
    const currentImageIndex = carouselImages.findIndex(img => img === currentImage);

    const nextImageIndex = currentImageIndex + 1;
    if (nextImageIndex >= carouselImages.length){
        nextImageIndex = 0;
    }

    event.target.src = carouselImages[nextImageIndex];
}

document.getElementById("carousel-image").addEventListener("click", changeCarouselImage);

在我创建了一个代码段并添加了一个为我服务的图像后，似乎工作正常-只需检查您的图像路径示例：
function changeImg（）{var src=document.getElementById（“carousel image”）.src；document.getElementById（“carousel image”）.src=src.indexOf（“img1”）！=-1？“img2.jpg”：“img1.jpg”}
按F12和网络查看图像是否已加载