Javascript 创建手动幻灯片时出错

出于某种原因，我在javascript文件中的一行中不断遇到以下错误（我在下面指出了这一行）。这是我的HTML：

<div class="slideshowproject">
    <button id="rightbutton" onclick=manualslideshow("rightbutton,projectslides1")>></button>
    <img class="projectslides1" src="Project Images\\HarrisonHealthClinic\\Render 1-1.jpg">
    <img class="projectslides1" src="Project Images\\HarrisonHealthClinic\\Render 2-1.jpg">
    <img class="projectslides1" src="Project Images\\HarrisonHealthClinic\\Render 3-1.jpg">
    <button id="leftbutton" onclick=manualslideshow("leftbutton","projectslides1")><</button>
    <script>manualslideshow("","projectslides1")</script>
</div>

Javascript第68行是最后一个闭合大括号之前的最后一行，html中的第42行是“rightbutton”行（复制过来的html中的第2行）

---

感谢您的帮助和时间。

查看您的代码，我发现从Html文件调用“manualslideshow”方法时出现了错误。（即第42行）。 请参阅下面的代码。我已经改变了 （“右按钮，项目幻灯片1”）至（“右按钮”，“项目幻灯片1”）

>
调用manualslideshow函数时出现一些错误：


var-imagenumber=0；
功能手册幻灯片放映（按钮，幻灯片放映类）{
var pictures=document.getElementsByClassName（slideshowclass）；
对于（i=0；i结构长度）{
imagenumber=1；
}
如果（图像编号
检查你传递给图片的索引是否存在[imagenumber-1]我在帖子中忘了提到，左键工作正常。只有右键出错。我尝试用[1]替换[imagenumber-1]要测试它，但右键给出了相同的错误，而左键在控制台中没有给出任何错误，也没有更改图像（正如预期的那样，因为我们只查看阵列的第二个位置）是的……就是这样……我很惊讶我错过了这么小的错误……非常感谢你的帮助！@Raj付出了巨大的努力。@Sal很高兴它帮助了你。谢谢你的代码爱好者
var imagenumber=0;
function manualslideshow(buttonid,slideshowclass){
    var pictures=document.getElementsByClassName(slideshowclass);
    for (i=0;i<pictures.length;i++){
        pictures[i].style.display="none";
    }
    if (buttonid=="rightbutton"){
        imagenumber++;
    }
    else if (buttonid=="leftbutton"){
        imagenumber--;
    }
    if (imagenumber>pictures.length){
        imagenumber=1;
    }
    if (imagenumber<1){
        imagenumber=pictures.length;
    }
    pictures[imagenumber-1].style.display="block";
}

navigationbar.js:68 Uncaught TypeError: Cannot read property 'style' of undefined
    at manualslideshow (navigationbar.js:68)
    at HTMLButtonElement.onclick (clinic.html:42)

<div class="slideshowproject">
    <button id="rightbutton" onclick=manualslideshow("rightbutton","projectslides1")>></button>
    <img class="projectslides1" src="Project Images\\HarrisonHealthClinic\\Render 1-1.jpg">
    <img class="projectslides1" src="Project Images\\HarrisonHealthClinic\\Render 2-1.jpg">
    <img class="projectslides1" src="Project Images\\HarrisonHealthClinic\\Render 3-1.jpg">
    <button id="leftbutton" onclick=manualslideshow("leftbutton","projectslides1")><</button>
    <script>manualslideshow("","projectslides1")</script>
</div>