Создание комментариев и добавление в поле для комментариев ⇐ Html

[Anonymous]

Абсолютный программист для начинающих здесь. Я пытаюсь создать поле для комментариев, где все, что вы вводите в комментариях, будут храниться в другом Div. У меня есть кое -что из работы, он смог добавить, однако, он исчезает сразу после. Я хочу, чтобы он хранил комментарии в Div #Комментарий, и когда вы вводите другой комментарий, он хранит его внизу. Вот мой код до сих пор < /p>

Leave us a comment










Comments



< /code>
и мой JS < /p>
const field = document.querySelector('textarea');
const backUp = field.getAttribute('placeholder')
const btn = document.querySelector('.btn');
const clear = document.getElementById('clear')
const submit = document.querySelector('#submit')
// const comments = document.querySelector('#comment-box')
const comments = document.getElementById('comment-box')

field.onfocus = function(){
this.setAttribute('placeholder','')
this.style.borderColor = '#333'
btn.style.display = 'block'
} // when clicking on this, placeholder changes into ' '.

field.onblur = function(){
this.setAttribute('placeholder',backUp)
} //click away, placeholder returns

clear.onclick = function(){
btn.style.display = 'none';
field.value = ' '

submit.onclick = function(){
submit.style.display = 'none';
const content = document.createTextNode(field.value)
comments.appendChild(content)
< /code>
Куда я ошибаюсь, ребята? Любая обратная связь будет оценена. Спасибо

Подробнее здесь: https://stackoverflow.com/questions/715 ... omment-box