-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.js
39 lines (29 loc) · 905 Bytes
/
index.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
(() => {
const tabs = document.querySelectorAll('[data-tab]')
const inativaTabs = () => {
tabs.forEach(tab => tab.classList.remove('ativa'))
}
const ativaTab = tab => {
tab.classList.add('ativa')
}
const escondeConteudos = () => {
const conteudos = document.querySelectorAll('[data-content]')
conteudos.forEach(conteudo => conteudo.classList.add('hide'))
}
const mostraConteudo = conteudo => {
conteudo.classList.remove('hide')
}
tabs.forEach(
tab => addEventListener('click', e => {
const tabSelecionada = e.target
const tabNumero = tabSelecionada.dataset.tab
if(tabNumero) {
const conteudoCorrespondente = document.querySelector(`[data-content="${tabNumero}"]`)
inativaTabs()
escondeConteudos()
ativaTab(tabSelecionada)
mostraConteudo(conteudoCorrespondente)
}
})
)
})()