Условие
В script.js повесьте обработчики на #plus (+1) и #minus (−1). Значение в #count не должно уходить ниже 0. У вас должно получиться так же, как во вкладке «Результат» - смотрите там конкретный итог задания.
Что нужно сделать
- Сделайте так, чтобы кнопки +1 и −1 реагировали на клик.
- Увеличивайте и уменьшайте число в #count.
- Не дайте счётчику уйти ниже 0.
Подсказка для новичка
Пишите код под комментарием // >>> Пишите код здесь <<<. Ориентируйтесь на раздел «Дополнительная информация» ниже. Перед уменьшением проверьте текущее значение.
Стартовый код
Допишите решение в редакторе слева, сверьте с вкладкой «Результат» и нажмите Проверить. Кнопка «Помощник» подставит решение по шагам.
Вот так должно получиться
Как в предпросмотре: счётчик 0, кнопки −1 и +1 · не ниже 0
Как пользоваться 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>- видимая часть страницы: всё, что пользователь видит в превью.<p id="count">- абзац с id="count".<button id="minus" type="button">- кнопка #minus.<button id="plus" type="button">- кнопка #plus.<script src="script.js">- подключает JavaScript-файл script.js.body → font-family: Arial, sans-serif- семейство шрифта: Arial, sans-serif. Задаёт, каким шрифтом рисовать текст.body → margin: 24px- внешний отступ 24px. Отодвигает блок от краёв родителя / страницы.body → background: #f1f5f9- цвет (или заливка) фона: #f1f5f9.#count → font-size: 40px- размер шрифта: 40px.#count → font-weight: 700- насыщенность шрифта: 700 (например 700 - полужирный).#count → color: #0f172a- цвет текста: #0f172a.#count → margin: 0 0 16px- внешний отступ 0 0 16px. Отодвигает блок от краёв родителя / страницы.#plus, #minus → padding: 8px 16px- внутренний отступ 8px 16px - пространство между рамкой и содержимым.#plus, #minus → margin-right: 8px- свойство margin-right со значением 8px.#plus, #minus → color: #fff- цвет текста: #fff.#plus, #minus → border: none- рамка: none (толщина, стиль линии, цвет).#plus, #minus → font-size: 16px- размер шрифта: 16px.#plus, #minus → font-weight: 700- насыщенность шрифта: 700 (например 700 - полужирный).#plus → background: #2563eb- цвет (или заливка) фона: #2563eb.#minus → background: #64748b- цвет (или заливка) фона: #64748b.document.getElementById("plus")- найти элемент с id="plus" в DOM.textContent- текстовое содержимое элемента (безопасно для обычного текста).const- объявление константы (ссылку нельзя переназначить).function- объявление функции.addEventListener- подписка на событие (click, input и т.д.).Number(...)- преобразовать значение к числу.if / else- условный оператор: выполнить код при истине.// >>> Пишите код здесь <<<- маркер в стартере: место для вашего решения.
Слева файлы редактора: script.js (здесь решаете задание), index.html и style.css (готовая разметка и стили - обычно менять не нужно). Ниже - важные понятия по теме задачи.
Что нужно
addEventListener("click", …)на обе кнопки.Number(count.textContent)- текущее число.- Минус только если значение больше 0.
Коротко: +1 / −1, пол ниже нуля.