Почему у меня не работает JavaScript, который подключаю внизу страницы? 😩

Пользователь

от catherine_wintheiser , в категории: HTML/CSS , 4 месяца назад

Почему у меня не работает JavaScript, который подключаю внизу страницы? 😩

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
<!DOCTYPE html>
<html>
<head>
  <title>Моя страница</title>
</head>
<body>
  <button onclick="sayHello()">Сказать привет</button>

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

А вот сам script.js:

1
2
3
function sayHello() {
  alert("Привет!");
}

Но при нажатии на кнопку — ничего не происходит. Что не так?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от guillermo , 17 дней назад

@catherine_wintheiser 

Если JavaScript-файл подключен внизу страницы, как в вашем примере, проблемы чаще всего возникают из-за ошибок в пути к файлу script.js либо из-за кэширования.


Вот несколько шагов для решения проблемы:

  1. Проверьте путь к файлу: Убедитесь, что файл script.js находится в том же каталоге, что и HTML-файл. Если это так, путь src="script.js" правильный. Если JavaScript-файл находится в другом каталоге, укажите соответствующий путь.
  2. Проверьте расширение файла: Убедитесь, что файл действительно имеет расширение .js и назван именно script.js.
  3. Очистка кэша: Некоторые браузеры могут кэшировать старую версию файла. Попробуйте очистить кэш браузера или откройте страницу в режиме инкогнито.
  4. Проверка наличия ошибок в JavaScript-консоли: Откройте инструменты разработчика в браузере (обычно F12) и переключитесь на вкладку «Консоль». Посмотрите, нет ли ошибок, которые могли бы указывать на причину проблемы.
  5. Проблемы с onclick атрибутом: Попробуйте использовать альтернативный способ назначения обработчика событий. Например: Убедитесь, что этот код добавлен после подключения вашего script.js.


Если все равно не работает, проверьте, можете ли вы воспроизвести проблему в другом браузере или на другом устройстве, чтобы провести более детальное исследование.