Простой вопрос с js

Question

Подскажите пож. как сделать, чтоб моя заметка показывалась, только при условии, когда список задач пуст, в противном случае ее не было. Понимаю что нужно делать через условие if только, как написать условие что показывать сообщение когда ol не содержит li. Буду благодарен за помощь!

https://codepen.io/igor-solodownik/pen/xxqRbyL

let noteForEmptyList = document.createElement('p');
noteForEmptyList.classList.add('noteForEmptyList')
noteForEmptyList.textContent = 'Можете отдохнуть. Текущий список дел пуст:)'
todoList.append(noteForEmptyList)

Answer 1

задача решается примерно так

let msg = document.getElementById("msg"),
    todo = document.getElementById("todo"),
    add    =  document.getElementById("add"),
    remove = document.getElementById("remove");
    
    
function updateMessage(){   
  msg.classList.toggle('hidden', todo.childElementCount > 0);   
}
    
add.addEventListener('click',function(){
  
  let li = document.createElement('li');
  todo.appendChild(li);
  li.textContent = 'item#' + todo.childElementCount;
  
  updateMessage();
});

remove.addEventListener('click', function(){
  if(todo.lastChild){
    todo.lastChild.remove();
  }
  
  updateMessage();
});

.hidden {
  display: none;
}

<p id="msg">empty</p>
<ol id="todo">
</ol>

<button id="add">add</button>
<button id="remove">remove</button>

БЛОГ НА HUSL

Простой вопрос с js

Ответы (1 шт):