11 908
edições
Sem resumo de edição |
Sem resumo de edição |
||
| Linha 108: | Linha 108: | ||
// Função para mostrar a div1 e esconder a div2 | // Função para mostrar a div1 e esconder a div2 | ||
function showDiv1() { | function showDiv1() { | ||
div1. | div1.classList.add("active"); // Exibe div1 | ||
div2. | div2.classList.remove("active"); // Esconde div2 | ||
} | } | ||
// Função para esconder a div1 | // Função para mostrar a div2 e esconder a div1 | ||
function showDiv2() { | function showDiv2() { | ||
div1. | div1.classList.remove("active"); // Esconde div1 | ||
div2. | div2.classList.add("active"); // Exibe div2 | ||
} | } | ||
// | // Inicialmente, mostrar a div1 | ||
showDiv1(); | showDiv1(); | ||
// | // Atribuindo eventos de clique às divs de controle | ||
div1Button.addEventListener("click", showDiv1); | div1Button.addEventListener("click", showDiv1); | ||
div2Button.addEventListener("click", showDiv2); | div2Button.addEventListener("click", showDiv2); | ||