Условие
В script.js напишите пять функций складского сканера. Каждая возвращает строку (или массив у fillBay), без console.log. scanUp() - for от 3 до 8 → «3|4|5|6|7|8». scanDown() - for вниз от 18 до 9, при 12 сделайте break → «18|17|16|15|14|13». scanEvens() - чётные от 4 до 12 → «4|6|8|10|12». scanOddsWhile() - while от 2 до 16, чётные пропускайте через continue → «3|5|7|9|11|13|15». fillBay() - массив от 4 до 9 через индексы. В #out выведите пять строк: результаты четырёх функций и fillBay().join("-"). HTML и CSS не меняйте. Смотрите вкладку «Результат».
Что нужно сделать
- Сделайте scanUp, scanDown (с остановкой) и scanEvens.
- Сделайте scanOddsWhile на while и fillBay.
- Соберите пятистрочный отчёт в #out.
Подсказка для новичка
Пишите код под комментарием // >>> Пишите код здесь <<<. Ориентируйтесь на раздел «Дополнительная информация» ниже. В while увеличивайте счётчик и при continue.
Стартовый код
Допишите решение в редакторе слева, сверьте с вкладкой «Результат» и нажмите Проверить. Кнопка «Помощник» подставит решение по шагам.
Вот так должно получиться
Пять строк отчёта сканера в #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: #f0fdf4- цвет (или заливка) фона: #f0fdf4.#out → margin: 0- внешний отступ 0. Отодвигает блок от краёв родителя / страницы.#out → font-size: 20px- размер шрифта: 20px.#out → font-weight: 700- насыщенность шрифта: 700 (например 700 - полужирный).#out → line-height: 1.4- межстрочный интервал: 1.4.#out → color: #14532d- цвет текста: #14532d.#out → white-space: pre- как обрабатывать пробелы и переносы: pre (pre-wrap сохраняет переносы из текста).document.getElementById("out")- найти элемент с id="out" в DOM.textContent- текстовое содержимое элемента (безопасно для обычного текста).const- объявление константы (ссылку нельзя переназначить).let- объявление переменной, которую можно менять.function- объявление функции.===- строгое сравнение (тип и значение).if / else- условный оператор: выполнить код при истине.for- цикл со счётчиком.while- цикл с условием.array.push(...)- добавить элемент в конец массива.return- вернуть значение из функции.// >>> Пишите код здесь <<<- маркер в стартере: место для вашего решения..join(...)- собрать массив в строку с разделителем.[]- массив - упорядоченный список значений.
Слева файлы редактора: script.js (здесь решаете задание), index.html и style.css (готовая разметка и стили - обычно менять не нужно). Ниже - важные понятия по теме задачи.
Пишите только в
script.js.
for
Удобен, когда известны старт, конец и шаг. Можно идти вверх или вниз.
while + continue
continue
перескакивает на следующий круг - счётчик всё равно нужно увеличить.
break
полностью останавливает цикл.
Массив через индекс
Элемент можно записать так же, как прочитать:
bay[0] = 4.
Коротко:
пять функций → пять строк в
#out.