为什么此脚本在外部js文件中不起作用？

Question

当我将此代码放入HTML文件中时，我的幻灯片可以工作，但是当我将其放入外部js文件中时，幻灯片不起作用。为什么？

https://imgur.com/a/7qrxQd9 ................................................... ..........

完整代码html：https://pastebin.com/YiZhpYzk javascript文件：https://pastebin.com/11BNhL7G

var myIndex = 0;    
carousel();

function carousel() {
    var i;
    var x = document.getElementsByClassName("mySlides");
    for (i = 0; i < x.length; i++) {
        x[i].style.display = "none";  
    }
    myIndex++;
    if (myIndex > x.length) {myIndex = 1}    

    x[myIndex-1].style.display = "block";  
    setTimeout(carousel, 1300); 
}

Answer 1

尝试将包含函数的js文件的链接的入口点放置在不同的位置（如标记之前），并确保指向css的链接正确。