const botoesDeControleDaLista = document.querySelectorAll('.controle-lista');
const ListaDeTintas = document.querySelector('.lista');
botoesDeControleDaLista.forEach(botaoDeControle => {
  botaoDeControle.addEventListener('click', (evento) => {
      controlarLista(botaoDeControle.dataset.funcao);
  });
});
function controlarLista(funcaoDoBotao) {
  if(funcaoDoBotao === 'mostrar') {
    ListaDeTintas.hidden = false;
  }
  if(funcaoDoBotao === 'ocultar') {
    ListaDeTintas.hidden = true;
  }
} 
             
             
            