Условие
В script.js напишите функцию buildParkingLevels(floors): двумя вложенными циклами for соберите схему этажей парковки из символа #. На этаже level в ряду должно быть level мест, но не больше трёх: когда место spot === 4, сохраните текущую строку и сделайте continue parkingLoop. Когда этаж level === 6, полностью остановите построение через break parkingLoop. Метка parkingLoop: обязательна на внешнем цикле. Этажи склейте через перевод строки. Пример: buildParkingLevels(8) даёт пять строк: #, ##, ###, ###, ###. Выведите этот результат в #out. HTML и CSS не меняйте. У вас должно получиться так же, как во вкладке «Результат».
Что нужно сделать
- Сделайте функцию схемы этажей парковки.
- Два вложенных цикла: этажи и места; метка на внешнем.
- На месте 4 - сохраните ряд и перейдите к следующему этажу; на этаже 6 - остановитесь.
- Покажите в #out результат для 8 этажей.
Подсказка для новичка
Пишите код под комментарием // >>> Пишите код здесь <<<. Ориентируйтесь на раздел «Дополнительная информация» ниже.
Стартовый код
Допишите решение в редакторе слева, сверьте с вкладкой «Результат» и нажмите Проверить. Кнопка «Помощник» подставит решение по шагам.
Вот так должно получиться
Схема этажей парковки в #out
Как пользоваться IDE
- Предпросмотр — как выглядит ваша страница.
- Результат — какой итог должен получиться.
- Описание задачи — полное условие и справка.
- Задание — краткие шаги 1–2–3 снизу.
- Помощник — подсказки по шагам.
- Черновик — ссылка на ваш код.
- Сброс кода — стартовый шаблон.
Свойства этой задачи
<!DOCTYPE html>- объявление документа HTML5.<html lang="ru">- корневой тег страницы; атрибут lang="ru" - язык интерфейса.<head>- служебная «шапка»: кодировка, title, подключение CSS.<meta charset="UTF-8" />- кодировка символов (кириллица отображается корректно).<title>- текст на вкладке браузера («Этажи парковки»).<link rel="stylesheet" href="style.css" />- подключает файл style.css к странице. Без этой строки стили из CSS не применяются.<body>- видимая часть страницы: всё, что пользователь видит в превью.<pre id="out">- блок предварительно отформатированного текста #out.<script src="script.js">- подключает JavaScript-файл script.js.body → font-family: Consolas, Monaco, monospace- семейство шрифта: Consolas, Monaco, monospace. Задаёт, каким шрифтом рисовать текст.body → margin: 24px- внешний отступ 24px. Отодвигает блок от краёв родителя / страницы.body → background: #ecfeff- цвет (или заливка) фона: #ecfeff.#out → margin: 0- внешний отступ 0. Отодвигает блок от краёв родителя / страницы.#out → font-size: 22px- размер шрифта: 22px.#out → font-weight: 700- насыщенность шрифта: 700 (например 700 - полужирный).#out → line-height: 1.35- межстрочный интервал: 1.35.#out → color: #0f172a- цвет текста: #0f172a.#out → white-space: pre- как обрабатывать пробелы и переносы: pre (pre-wrap сохраняет переносы из текста).document.getElementById("out")- найти элемент с id="out" в DOM.textContent- текстовое содержимое элемента (безопасно для обычного текста).const- объявление константы (ссылку нельзя переназначить).let- объявление переменной, которую можно менять.function- объявление функции.===- строгое сравнение (тип и значение).if / else- условный оператор: выполнить код при истине.for- цикл со счётчиком.array.push(...)- добавить элемент в конец массива.return- вернуть значение из функции.// >>> Пишите код здесь <<<- маркер в стартере: место для вашего решения..join(...)- собрать массив в строку с разделителем.[]- массив - упорядоченный список значений.
Слева файлы редактора: script.js (здесь решаете задание), index.html и style.css (готовая разметка и стили - обычно менять не нужно). Ниже - важные понятия по теме задачи.
Пишите только в
script.js.
Краткая шпаргалка своими словами.
Вложенные for
Внешний цикл отвечает за «ряды» (этажи), внутренний - за «ячейки» внутри ряда (места с
#).
Счётчики обычно называют по-разному, чтобы не перепутать переменные.
Метки (labels)
Метка - имя перед циклом, например
parkingLoop:.
Тогда
continue parkingLoop
и
break parkingLoop
управляют именно внешним циклом, а не только внутренним.
Правила этой задачи
Максимум три
#
в ряду; этаж 6 и ниже по номеру не строим. Результат -
join("\n")
в
#out.
Коротко:
два for → метка parkingLoop → continue на spot 4 → break на level 6 → схема из # в
#out.