Хорошо, поэтому, когда вы запускаете мой HTML и JavaScript через предварительный просмотр в режиме скобки, все работает отлично. Тем не менее, когда я пытаюсь запустить эти же сценарии на своем локальном хосте XAMPP, я получаю ошибку 404 (файлы ресурсов не могут быть расположены). Загрузка файла html и CSS просто прекрасна, но файл JavaScript (который находится в той же папке) не хочет загружаться.
Вот мой HTML-документ:
<html>
<head>
<link href = "main.css" rel = "stylesheet">
<link href="https://fonts.googleapis.com/css?family=Chewy" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Karla" rel="stylesheet">
</head>
<body>
<h1>Title</h1>
<div>
</div>
<div class = "login">
<input type="text" placeholder= "Pen name">
</div>
<div class = "center" id = "error">
</div>
<div class = "buttons">
<a href = "/createrant.html" class = "button" id = "createRantLink">Rant</a>
<a href = "" class = "button">View Rants</a>
</div>
<script src = "/server.js"></script>
</body>
function backgroundSlideshowOnLoad() {
if (window.location.pathname != "/createrant.html") {
document.querySelector("html").style.backgroundSize = "100%";
document.querySelector("html").style.backgroundImage = "url('gif2.gif')"
setTimeout(function(){
document.querySelector("html").style.backgroundImage = "url('gif1.gif')"
},2000);
setTimeout(function(){
document.querySelector("html").style.backgroundImage = "url('gif3.gif')"
},3000);
setTimeout(function(){
document.querySelector("html").style.backgroundImage = "url('gif4.gif')"
},4000);
setTimeout(function(){
document.querySelector("html").style.backgroundImage = ""
},6000);
} else {
document.body.appendChild(storage)
}
window.onload = backgroundSlideshowOnLoad;
и что мой файл JavaScript (оба находятся в одной папке)
(ps извините за плохой код, я новичок в этом)
Удалите косую черту, указав на корневую директорию
<script src = "server.js"></script>