Справочник · HTML
script: подключение программы
script выполняет JavaScript. Место тега влияет на то, увидит ли код уже построенную страницу.
Как это работает
В конце body скрипт запускается, когда разметка выше уже есть. В head без defer он может выполниться слишком рано. Атрибут defer сохраняет порядок и ждёт разбор документа. Для учебного примера лучше внешний файл, чем длинный код прямо в странице. Не вставляй скрипт туда, где нужен текст урока.
<script src="/js/main.js" defer></script>Когда использовать
Поведение кнопки, формы и списка. Содержание урока оставь в HTML.
Частые ошибки
- Скрипт ищет кнопку до её появления.
- Огромный код стоит посреди статьи.
- Два одинаковых подключения вешают обработчик дважды.
Попробуй
Подключи внешний файл с defer и убери встроенный дубль.