Porque não funciona dessa maneia?

const idLista = document.querySelector("[data-lista]"); //usando o id= "idlista" nesse código funciona// function desaparecer(){ idlista.style.display = "none"; } function aparecer(){ idLista.style.display = "block"; }

Olá, tudo bem?

O código está correto e é possível utilizar por meio do [data-lista] no querySelector.

Porém, como está o seu HTML?

As funções desaparecer() e aparecer() estão sendo chamadas no onclick dos botões?

Verifique se realizou o passo a passo a seguir.

PASSO 1: Modificando o botão que chama a aparecer()

Código base disponibilizado:

<button onclick="mostraTintas(this)">Aluratintas em estoque:</button>

Código modificado:

  <button onclick="aparecer()">Aparecer tintas</button>

PASSO 2: Criando o botão que chama a desaparecer()

  <button onclick="desaparecer()">Desaparecer tintas</button>

Você pode conferir o código funcionando aqui nesse codepen.

Qualquer dúvida ou dificuldade, estou por aqui!

Abraços e bons estudos :)

Mergulhe em programação

PASSO 1: Modificando o botão que chama a aparecer()

PASSO 2: Criando o botão que chama a desaparecer()