Javascript自动幻灯片放映问题

我正在为一位家庭朋友创建一个网站，他想在主页上播放幻灯片，我完全是自学成才的，所以我在W3School上学习了如何创建自动幻灯片，但当我运行代码时，它不起作用。谁能告诉我我做错了什么

这是我到目前为止所拥有的一切，任何和所有的建议都将非常有用

</div>
    <!---slideshow--->
        <div class="Slideshow-container">

            <div class="mySlides-fade">
                <img src="download.jpg" style="Width:100%">
            </div>

            <div class="mySlides-fade">
                <img src="images.jpg" style="width:100%">
            </div>

            <div class="mySlides-fade">
                <img src="welding.jpg" style="width:100%">
            </div>  

            <div class="mySlides-fade">
                <img src="rollercoaster.jpg" style="width:100%">
            </div>  

        <div style="text-align:center">
            <span class="dot"></span>
            <span class="dot"></span>
            <span class="dot"></span>
            <span class="dot"></span>
        </div>


    </div>
    <!---start page content--->
    <div>
        <center><h2>Mission Statement</h2></center>
            <center><p>Mision statement goes here</p></center>
    </div>

<div>
    <!---javascript for slideshow--->
    <script type="text/javascript">

var slideIndex = 0;
showSlides();

function showSlides() {
    var i;
    var slides = document.getElementsByClassName("mySlides");
    var dots = document.getElementsByClassName("dot");
    for (i = 0; i < slides.length; i++) {
       slides[i].style.display = "none";  
    }
    slideIndex++;
    if (slideIndex > slides.length) {slideIndex = 1}    
    for (i = 0; i < dots.length; i++) {
        dots[i].className = dots[i].className.replace(" active", "");
    }
    slides[slideIndex-1].style.display = "block";  
    dots[slideIndex-1].className += " active";`enter code here`
    setTimeout(showSlides, 2000); // Change image every 2 seconds
}
}   
    </script>
</div>

任务说明
Mision的陈述在这里

var slideIndex=0；
放映幻灯片（）；
函数showSlides（）{
var i；
var slides=document.getElementsByClassName（“mySlides”）；
var dots=document.getElementsByClassName（“dot”）；
对于（i=0；islides.length）{slideIndex=1}
对于（i=0；i

您发布的代码有几个问题：

在发布的javascript代码末尾有一个额外的

}

，它抛出了一个通用的

语法错误

在发布的HTML标记的开头有一个额外的

——这是无效的HTML

您的

var

幻灯片

针对的类不正确-类

mySlides

与您为元素定义的类完全不同，即

mySlides fade

var slideIndex=0；
放映幻灯片（）；
函数showSlides（）{
var i；
var slides=document.getElementsByClassName（“mySlides褪色”）；
var dots=document.getElementsByClassName（“dot”）；
对于（i=0；i幻灯片长度）{
slideIndex=1
}
对于（i=0；i

任务说明
Mision的陈述在这里

这是因为Html中的类名不同

在Js代码中

var slides=document.getElementsByClassName（“mySlides”）

这两个地方都应该是“mySlides fade”或“mySlides”
您好，欢迎来到StackOverflow。请花些时间阅读帮助页面，特别是命名和的部分。更重要的是，请阅读。您可能还想了解…请不要包含代码的图片，编辑您的问题以直接包含代码的部分谢谢您的建议，我编辑此帖子就是为了这样做。谢谢您的输入！我做了些改变，现在一切都正常了！！