Aí rapaziadinha, acho que fiz de uma maneira mais fácil de compreender que a resolução do professor, se liga:
HTML: modifiquei o primeiro botão que já havia sido dado adicionando uma classe e acrescentei outro botão.
JavaScript: achei esses métodos do .style e .visibility atrelados, servindo para modificar o CSS através do JavaScript, tornando a lista visível ou invisível, dependendo do botão que você clicar.
const lista = document.querySelector(".lista");
mostra = document.querySelector(".mostra");
esconde = document.querySelector(".esconde");
mostra.addEventListener("click", ()=> {
lista.style.visibility = "hidden"})
esconde.addEventListener("click", ()=> {
lista.style.visibility = "visible"})
Espero que tenha te ajudado e vamo que vamo ficar rico com Front-End KKKKkkkk
