Урок 13 · JavaScript

Меняем содержимое и состояние, не собирая HTML из строк

textContent пишет текст. classList включает состояние. innerHTML для пользовательского текста не нужен.

Почему это следующий шаг

Элементы находятся. Следующий шаг — поменять то, что человек видит.

Как сделать

Заголовку и сообщению задавай textContent. Класс is-open или is-error добавляй и убирай через classList.toggle или classList.add. Не прячь смысл только в цвете: текст сообщения тоже меняй. Если нужно подставить число, собери обычную строку и положи её в textContent.

const status = document.querySelector("#status");
status.textContent = "Сохранено";
status.classList.add("is-ok");

Что проверить

• В тексте не исполняется случайный тег.
• Состояние включается классом из CSS.
• Пустое сообщение не остаётся висеть от прошлого действия.