Minha resolução do desafio

Tive um pouco de duvida no começo (não entendi que era para ser feito exatamente), depois eu fiz este código aqui no js:

    const lista = document.querySelector('ul')
    const botaoEsconder = document.querySelector('#botao-esconder')

    lista.setAttribute("data-lista", "esconder")
    botaoEsconder.setAttribute("data-lista", "esconder")

    document.querySelector('#botao-aparecer').addEventListener('click', () => {
        lista.setAttribute("data-lista", "mostrar");
        botaoEsconder.setAttribute("data-lista", "mostrar");
    })

    document.querySelector('#botao-esconder').addEventListener('click', () => {
        lista.setAttribute("data-lista", "esconder");
        botaoEsconder.setAttribute("data-lista", "esconder");
    })

E no HTML e CSS coloquei apenas isso:

    <button id="botao-aparecer">Aluratintas em estoque:</button>
    <button id="botao-esconder" data-lista>Sumir lista</button>

    [data-lista="esconder"] {
        display: none;
    }

    [data-lista="mostrar"] {
        display: block;
    }

Não sei se era exatamente isso que era para ser feito mas foi isso rs. Tive dificultade ao usar os data-attributes, vou ter que praticar mais!