Instruções

Passo 15

Cada tab representa um dos botões na lista de abas. O usuário deve ser capaz de clicar em uma aba para exibir o painel correspondente e ocultar os outros. Nos módulos anteriores, você aprendeu como anexar um listener de evento "click" a cada botão em um NodeList assim:
const btns = document.querySelectorAll("button");
btns.forEach(btn => {
  btn.addEventListener("click", () => {
    // do something when the button is clicked
  });
});
Use o método addEventListener para anexar um listener de evento "click" a cada botão tab. O segundo argumento do método addEventListener deve ser uma função arrow vazia () => {} por enquanto.

O que fazer:

Testes:

  • Você deve ter um `tab.addEventListener('click', () => {})` dentro do loop `forEach`.

Preview