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