Условие
На доке DockTint уже есть маяк, кнопки и факелы. В script.js измените их через style, classList и forEach. HTML и CSS не трогайте. Сверьте с вкладкой «Результат».
Что нужно сделать
#beacon: фон#0f766e, ширина160px, классlit.- Все
button:classList.add("armed")черезforEach. - Вторая кнопка (индекс 1):
borderRadius = "999px". - Все
.flare:forEach, фон#c2410c.
Подсказка для новичка
В JS свойства пишут в camelCase: backgroundColor, borderRadius. Ширину передавайте строкой с единицами: "160px", не числом 160. Класс удобнее добавлять через classList.add, а не через устаревший className.
Стартовый код
Пишите только в script.js. «Помощник» подставит решение по шагам.
Вот так должно получиться
На превью после скрипта должно быть так:
Как пользоваться IDE
- Предпросмотр — как выглядит ваша страница.
- Результат — какой итог должен получиться.
- Описание задачи — полное условие и справка.
- Задание — краткие шаги 1–2–3 снизу.
- Помощник — подсказки по шагам.
- Черновик — ссылка на ваш код.
- Сброс кода — стартовый шаблон.
Inline-стили
Свойство element.style меняет только inline-стили. Они сильнее правил из CSS-файла - так JavaScript и «перебивает» внешний вид.
classList
В реальных проектах чаще включают готовые CSS-классы (add / remove / toggle), чем пишут десятки inline-свойств.
Коллекции
querySelectorAll даёт NodeList - у него есть forEach. Не вызывайте style на всей коллекции: сначала возьмите элемент по индексу или в цикле.
Коротко: style · classList · forEach · индекс [1].