将其转换为外部JAVASCRIPT文件

它们实际上有一个内联javascript代码，我正在尝试将其转换为外部javascript文件。我想摆脱我的onclick，但我不知道如何将我的JS重写为外部的。这是我的代码

</div>
                        <a class="prev" onclick="plusSlides(-1)">&#10094;</a>
                        <a class="next" onclick="plusSlides(1)">&#10095;</a>
                    </div>
                    <br>

                    <div style="text-align:center">
                        <span class="dot" onclick="currentSlide(1)"></span> 
                        <span class="dot" onclick="currentSlide(2)"></span> 
                        <span class="dot" onclick="currentSlide(3)"></span> 
                        <span class="dot" onclick="currentSlide(4)"></span>
                    </div>

❮
❯

设slideIndex=1；
放映幻灯片（幻灯片索引）；
函数加滑块（n）{
放映幻灯片（幻灯片索引+=n）；
}
功能当前幻灯片（n）{
放映幻灯片（幻灯片索引=n）；
}
功能演示幻灯片（n）{
让我；
const slides=document.getElementsByClassName（“mySlides”）；
const dots=document.getElementsByClassName（“dot”）；
如果（n>slides.length）{slideIndex=1}
如果（n<1）{slideIndex=slides.length}
对于（i=0；i

只需创建

js

文件。比如，

script.js

。然后，在

script.js

中添加JavaScript代码。在script.js中：

让slideIndex=1；
放映幻灯片（幻灯片索引）；
函数加滑块（n）{
放映幻灯片（幻灯片索引+=n）；
}
功能当前幻灯片（n）{
放映幻灯片（幻灯片索引=n）；
}
功能演示幻灯片（n）{
让我；
const slides=document.getElementsByClassName（“mySlides”）；
const dots=document.getElementsByClassName（“dot”）；
如果（n>slides.length）{slideIndex=1}
如果（n<1）{slideIndex=slides.length}
对于（i=0；i

现在，将外部文件添加到html文件中。比如：

<script src="script.js"></script>

您可以在头部或身体底部添加此连接线

---

*注意：-如果在顶部（即头部）添加，则脚本将首先加载到正文中的文档之前。否则，它将在打开后加载。

您只需创建另一个名为

script.js的Javascript文件，并将其链接到HTML文件的底部，如
。您不需要重写JS代码。但是不要忘记从您创建的新JS文件中删除脚本标记。您可能需要阅读事件监听器，以替换内联onClick调用。
<script src="script.js"></script>