@edu2001
Начинающий верстальщик

Комментарии на сайте,после нажатия на Button,в массив с комментариями добавляются даже пустые поля,как сделать так что бы пустые поля игнорились?

let comments = [];
loadComments();

document.getElementById("comment-add").onclick = function () {
    event.preventDefault();
     let commentName = document.getElementById("comment-name");
     let commentBody = document.getElementById("comment-body");

     let comment = {
         name: commentName.value,
         body: commentBody.value,
         time: Math.floor(Date.now()/1000)
     };

     commentName.value = "";
     commentBody.value = "";
     comments.push(comment);
    saveComments();
    showComments();
};
function saveComments() {
    localStorage.setItem("comments", JSON.stringify(comments))
}
function loadComments() {
    if (localStorage.getItem('comments')) comments =JSON.parse(localStorage.getItem('comments'));
    showComments();
}
function showComments() {
    let commentField =document.getElementById("comment-field")
    let out = "";

        comments.forEach(function (item) {
            out += `<div class="comment-header"><p class="comment-name">${item.name}</p><p class="comment-time">${timeConverter(item.time)}</p></div>`;
            out += `<div class="comment-text">${item.body}</div>`
        });
        commentField.innerHTML = out
}
  • Вопрос задан
  • 94 просмотра
Решения вопроса 1
let commentName = document.getElementById("comment-name");
let commentBody = document.getElementById("comment-body");

if (!commentName.value && !commentBody.value) {
  return;
}
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
Kozack
@Kozack Куратор тега JavaScript
Thinking about a11y
Перед добавлением поля, проверьте пустое оно или нет. По результату проверки либо добавляете либо нет.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы