Условие
На доке BootLane важно правильно подключать скрипты. В index.html в <head> добавьте два тега: relay-hold.js с defer и relay-free.js с async. В script.js напишите bootLane(src, keepOrder): создайте script, задайте src, при keepOrder поставьте async = false, в onload запишите в #board строку booted · + src, затем добавьте тег в document.body. По клику #boot-btn загрузите blob-скрипт через bootLane. Сверьте с вкладкой «Результат».
Что нужно сделать
- В head:
<script src="relay-hold.js" defer>. - В head:
<script src="relay-free.js" async>. - Функция
bootLane(src, keepOrder)черезcreateElement. - Клик по
#boot-btn→ blob +bootLane(url, true).
Подсказка для новичка
defer ждёт DOM и сохраняет порядок. async запускается сам по себе. Динамический script по умолчанию как async - поэтому для порядка ставят async = false.
Стартовый код
Правите и index.html, и script.js. «Помощник» подставит JS по шагам; теги defer/async добавьте в HTML сами (или через подсказку HTML, если доступна).
Вот так должно получиться
В head - defer и async; bootLane добавляет script и пишет в #board
Как пользоваться IDE
- Предпросмотр — как выглядит ваша страница.
- Результат — какой итог должен получиться.
- Описание задачи — полное условие и справка.
- Задание — краткие шаги 1–2–3 снизу.
- Помощник — подсказки по шагам.
- Черновик — ссылка на ваш код.
- Сброс кода — стартовый шаблон.
defer
Скрипт качается в фоне, не блокируя HTML, и выполняется после построения DOM, в порядке подключения.
async
Скрипт независим: загрузился - сразу выполнился. Порядок с другими скриптами не гарантируется.
bootLane
Динамический createElement("script") по умолчанию ведёт себя как async. Для строгого порядка: async = false.
Коротко: defer + async в head → bootLane + onload → клик по кнопке.