• Теория
  • Теория

Подключаем второй скрипт

Новостной сайт, над которым мы работали в стартовом тренажёре , продолжает развиваться. Кекс решил, что на странице с отдельной новостью нужны лайки. Скрипт уже готов, его осталось только подключить. Разработчики попросили нас этим заняться.

Поехали!

В разметке уже есть один тег script, он добавляет файл с переключателем тем. Скрипт, который отвечает за лайки, находится в файле likes.js. Мы не будем копировать оттуда код, а подключим файл целиком. Чтобы подключить на страницу второй файл с кодом, используем второй тег script:

<body>

  <script src="themes.js"></script>
  <script src="likes.js"></script>
</body>

Браузер обрабатывает инструкции последовательно: сначала в первом файле, потом во втором — как будто они все находятся в одном месте. Программы часто разбивают на несколько файлов, обычно одному файлу соответствует одна задача: например, управление темами или подписка на рассылку.

Подключим на страницу второй скрипт и убедимся, что ничего не сломалось, и темы по-прежнему переключаются. А чтобы проверить, что браузер выполняет инструкции и из второго скрипта, поставим новости лайк. Если новость вам не понравится, лайк можно убрать, второй раз кликнув на «сердечко».

Хотите досконально разбираться в разметке, знать о доступности, строить сетки на флексбоксах? Записывайтесь на профессиональный курс по вёрстке первого уровня, проходящий c 27 мая по 29 июля 2024. Цена 22 900 ₽

Минимальный вид табов
  • index.html
HTML
HTML

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

100%
Бабушка Кекс

Притормози, дружище

Проходить вызовы части «Условия и создание элементов» тренажёра «Знакомство с JavaScript» можно после регистрации и оформления подписки.