Мы научились создавать элементы, менять их и добавлять на страницу. Комментарии для новостного сайта практически готовы, остался последний шаг — добавить в ленту комментарий именно с тем текстом, который пользователь ввёл в форму.

Мы уже получали данные из поля ввода и выводили их на страницу. Для этого мы использовали свойство value.

let input = document.querySelector('input');
let paragraph = document.querySelector('p');

// Записываем данные из поля ввода в текстовое содержимое элемента
paragraph.textContent = input.value;

Данные из поля ввода мы запишем вместо «рыбы» в textContent созданного нами элемента. А само поле ввода после этого очистим, чтобы пользователь по ошибке не отправил один и тот же комментарий несколько раз. Для этого в свойство value поля ввода запишем пустую строку. Вот так:

input.value = '';

Текст комментария мы возьмём из поля ввода с классом comment-field и запишем в текстовое содержимое нового комментария перед тем, как добавить его на страницу. После этого очистим поле ввода — и дело сделано!