How to display text if content is empty?

Question

JavaScript

There is a block

<ul class="list">

</ul>

If there is no content (list) in the block, then you need to display the List is empty
. And when there is content in the ul block, this text is hidden.

Answer 1

https://codepen.io/coderisimo/pen/yKVLmE
remove items from the list to make the caption appear.

Answer 2

Good afternoon.
Alternatively https://codepen.io/Art_Corp/pen/MVbWZX

Answer 3

if(document.querySelector('.list').children.length === 0){
    alert('список пуст!');
}