Как выбрать список имен и управлять отображением Div? ⇐ Javascript

[Anonymous]

У меня есть список имен (ul, elements) и скрытый Div на вершине
Когда имя нажимается (выбран), цвет фона имени должен измениться, а Div на верхнем дисплее. Only when all names are deselected, the div displays none.
I've tried something but finding challenge with the last part (get the div display none only none of the name is selected).

Код: Выделить всё

const usersListItems = document.querySelectorAll(".users__list-item");
const myDiv = document.querySelector(".mydiv");
usersListItems.forEach((usersListItem) => {
usersListItem.addEventListener("click", () => {
usersListItem.classList.toggle("selected");
if (usersListItem.classList.contains("selected")) {
myDiv.classList.remove("hide");
} else {
myDiv.classList.add("hide");
}
});
});< /code>
.mydiv {
width: 100%;
height: 50px;
border: 1px solid;
}

.hide {
display: none;
}

.users__list-item,
.no-users {
list-style: none;
padding: 0.5em;
background: #ddd;
margin: 0.5em;
}

.selected {
background: dodgerblue;
color: white;
}< /code>






List Selection





[list]
[*]No users
[*]User 1
[*]User 2
[*]User 3
[*]User 4
[*]User 5
[*]User 6
[*]User 7
[/list]

Подробнее здесь: https://stackoverflow.com/questions/796 ... y-of-a-div