Условие
В файле
script.js
уже есть программа: она должна вывести три строки (см. вкладку
«Результат»).
Код выполняется, но текст на странице не совпадает с эталоном.
В программе спрятаны три ошибки, связанные с
операторами JavaScript: знаками сравнения и присваивания,
логикой «и», увеличением числа на единицу.
Писать программу заново не нужно - прочитайте код сверху вниз,
найдите строки, где результат выражения не тот, что нужен, и поправьте только их.
Сверяйтесь с вкладкой «Результат».
Что нужно сделать
-
Посмотрите на строку с
mathCheck: что должно получиться - сравнение двух значений или запись нового? Какой знак для этого используют в JavaScript? -
Найдите строку с
canShow. Нужно проверить, что оба флага истинны. Подходят ли те символы, что стоят между именами переменных? -
В строке с
nextLevelчислоlevelдолжно увеличиться, и в вывод попасть уже новое значение (см. «Уровень: 11» во вкладке «Результат»). Проверьте, в каком порядке стоят переменная и++.
Ожидаемый вид
В «Предпросмотр» должны быть три строки: 2×4=8: true, Можно показать: true, Уровень: 11. Эталон — во вкладке «Результат». Когда всё совпало — нажмите Проверить.
Подсказка для новичка
Не дописывайте новые строки снизу и не копируйте «эталон» из головы.
Правите только уже существующие строки в
script.js.
Идите сверху вниз: сначала проверка ответа, потом два флага, потом уровень.
Если в превью другие
true/false
или другой номер уровня - ошибка в ближайшей строке выше.
Справка по операторам - в «Дополнительной информации».
Стартовый код
Код уже в редакторе слева (с ошибками). HTML и CSS не меняйте.
Найдите и исправьте три ошибки в
script.js,
сверьте с вкладкой «Результат»
и нажмите Проверить.
Кнопка Помощник - если совсем застряли (лучше сначала подумать самим).
Вот так должно получиться
Правильный текст на странице:
Можно показать: true
Уровень: 11
Как пользоваться 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" aria-live="polite">- блок предварительно отформатированного текста #out.<script src="script.js">- подключает JavaScript-файл script.js.body → font-family: Arial, sans-serif- семейство шрифта: Arial, sans-serif. Задаёт, каким шрифтом рисовать текст.body → margin: 24px- внешний отступ 24px. Отодвигает блок от краёв родителя / страницы.body → background: #fef2f2- цвет (или заливка) фона: #fef2f2.#out → font-family: ui-monospace, monospace- семейство шрифта: ui-monospace, monospace. Задаёт, каким шрифтом рисовать текст.#out → font-size: 15px- размер шрифта: 15px.#out → line-height: 1.6- межстрочный интервал: 1.6.#out → color: #7f1d1d- цвет текста: #7f1d1d.#out → white-space: pre-wrap- как обрабатывать пробелы и переносы: pre-wrap (pre-wrap сохраняет переносы из текста).#out → margin: 0- внешний отступ 0. Отодвигает блок от краёв родителя / страницы.#out → padding: 20px 22px- внутренний отступ 20px 22px - пространство между рамкой и содержимым.#out → background: #fff- цвет (или заливка) фона: #fff.#out → border: 1px solid #fecaca- рамка: 1px solid #fecaca (толщина, стиль линии, цвет).#out → border-radius: 8px- скругление углов: 8px.document.getElementById("out")- найти элемент с id="out" в DOM.textContent- текстовое содержимое элемента (безопасно для обычного текста).const- объявление константы (ссылку нельзя переназначить).let- объявление переменной, которую можно менять.true / false- логический тип boolean.
Слева файлы редактора: script.js (здесь решаете задание), index.html и style.css (готовая разметка и стили - обычно менять не нужно). Ниже - важные понятия по теме задачи.
Присваивание и сравнение
Один знак
=
в выражении обычно записывает значение в переменную.
Когда нужно только узнать «равны ли два значения», в JavaScript
используют отдельные операторы сравнения (их несколько - вспомните урок).
Откройте строку с
mathCheck
и спросите: «Здесь я сравниваю или случайно снова присваиваю?»
Логическое «и»
Чтобы проверить два условия сразу, в JS есть оператор «и» -
он выглядит как два одинаковых символа подряд.
Похожий символ один раз может означать совсем другую операцию
(не про
true/false).
Посмотрите на строку с
canShow:
сколько символов между
isReady
и
isClosed?
Увеличение на единицу
Запись
++
рядом с числом увеличивает его на 1, но результат выражения
зависит от того, стоит
++
до имени переменной или после.
В задаче в вывод должно попасть уже увеличенное число.
Сравните строку с
nextLevel
и ожидаемый текст «Уровень: 11».
Как искать ошибки
Три правки - в трёх коротких строках с
mathCheck,
canShow
и
nextLevel.
После каждой правки обновите предпросмотр: совпала ли одна из строк с вкладкой «Результат»?
Новые строки дописывать не нужно - меняйте то, что уже есть.