Справочник · JavaScript
textContent: текст элемента без HTML
textContent читает и записывает текст. Теги в строке не исполняются, а показываются как символы.
Как это работает
Для сообщения об ошибке, имени и числа это правильный способ. innerHTML нужен только когда ты сам собрал доверенную разметку. Чтение textContent склеит видимый и скрытый текст потомков. Запись заменит всех детей одним текстовым узлом. Не используй его, чтобы вставить готовую карточку с ссылкой: ссылку создай через createElement.
status.textContent = name ? `Здравствуйте, ${name}` : "Введите имя";Когда использовать
Статусы, счётчики, имена из поля. Готовую разметку компонента собирай узлами.
Частые ошибки
- Пользовательский текст вставили через innerHTML.
- Запись стёрла вложенную кнопку.
- Ждали, что тег в строке станет элементом.
Попробуй
Выведи имя из поля в абзац так, чтобы тег в имени остался текстом.
Практикум по теме
- Текст ошибки в заранее готовом месте — Ошибку лучше писать в элемент, который был в HTML, а не создавать новый при каждом промахе.