Условие
На тропе LaneTrail уже стоят три стопа. В script.js найдите «Срединку» по data-stop, поднимитесь к родителю, отметьте соседа справа и добавьте финиш. HTML и CSS не трогайте. Сверьте с вкладкой «Результат».
Что нужно сделать
querySelector('[data-stop="mid"]')- найдите срединный стоп.parentElement→classList.add("lit")у тропы.nextElementSibling→ классnext-on.- Создайте
liс текстом Финиш,data-stop="end", добавьте в#trail. - В
#boardтекст Маршрут собран.
Подсказка для новичка
Атрибут в селекторе пишут в квадратных скобках: [data-stop="mid"]. Родитель - оболочка списка, сосед - следующий li, а не текстовый перенос. Новый пункт: createElement → dataset.stop → append.
Стартовый код
Пишите только в script.js. «Помощник» подставит решение по шагам.
Вот так должно получиться
На превью после скрипта должно быть так:
Как пользоваться IDE
- Предпросмотр — как выглядит ваша страница.
- Результат — какой итог должен получиться.
- Описание задачи — полное условие и справка.
- Задание — краткие шаги 1–2–3 снизу.
- Помощник — подсказки по шагам.
- Черновик — ссылка на ваш код.
- Сброс кода — стартовый шаблон.
Data-атрибуты
В разметке это data-stop="…". В JS удобно читать и писать через dataset.stop.
Родитель и сосед
parentElement поднимает на уровень выше. nextElementSibling берёт следующий элемент (пропуская текстовые узлы).
Новый стоп
Создайте узел, задайте текст и атрибут, затем добавьте в список через append или appendChild.
Коротко: data-query → parent+lit → next+next-on → create+append → board.