33 lines
1.3 KiB
JavaScript
33 lines
1.3 KiB
JavaScript
|
|
//Função de adapitação do menu e da tela do ambiente do usuário, resumidamente ao apertar na seinha do menu, todo o ambiente do usuário é reajustado, enquanto da mesma forma ao pertar a setinha novamente todo o ambiente do usuário retornar ao seu laouyt tradicional
|
|
|
|
|
|
//Aqui são as variaveis que conectao todos esses elementos, dentre elas:
|
|
//botão conecta o pontao de condicional da ação
|
|
//cabecario elemento pertencente da tela do usuário
|
|
//tela seria o iframe que apresenta todas as informações do ambiente do usuário
|
|
//menu seria os elementos visuais do usuário
|
|
//temas seria alguns elementos do proprio menu
|
|
var botao = document.querySelector('#menu')
|
|
var cabecario = document.querySelector('.cabecario_1')
|
|
var tela = document.querySelector('.transmissão')
|
|
var menu = document.querySelector('.capitulo_1')
|
|
var temas = document.querySelectorAll('.item_menu')
|
|
|
|
|
|
//Aqui se aplica o evento de cliente, sobre afunção que aplica as classes no menu caberio e telas
|
|
botao.addEventListener('click', function () {
|
|
menu.classList.toggle('expansao');
|
|
cabecario.classList.toggle('expansao');
|
|
tela.classList.toggle('expansao');
|
|
|
|
});
|
|
|
|
function selectLink() {
|
|
temas.forEach((item) =>
|
|
item.classList.remove('ativo')
|
|
)
|
|
this.classList.add('ativo')
|
|
}
|
|
temas.forEach((item) =>
|
|
item.addEventListener('click', selectLink)) |