76 lines
3.1 KiB
JavaScript
76 lines
3.1 KiB
JavaScript
|
|
//Variavel botão 1 responsavel por inicar a função
|
|
var botao_1 = document.getElementById('opicao_1');
|
|
botao_1.addEventListener('click', surgir1);
|
|
|
|
//Nessa função o conteudo da tela é modificado e novas informaçõe são apresentadas 'lembre de alinhar o nome da função com o seu botão respecitivo, sendo essa do botão 1'
|
|
function surgir1() {
|
|
|
|
var estilo = document.getElementById('conexao');
|
|
var painel = document.getElementById('preenchimento');
|
|
estilo.href = 'ola';
|
|
painel.innerHTML = 'ola1';
|
|
}
|
|
|
|
|
|
|
|
//Variavel botão 2 responsavel por inicar a função
|
|
var botao_2 = document.getElementById('opicao_2');
|
|
botao_2.addEventListener('click', surgir2);
|
|
|
|
//Nessa função o conteudo da tela é modificado e novas informaçõe são apresentadas 'lembre de alinhar o nome da função com o seu botão respecitivo, sendo essa do botão 2'
|
|
function surgir2() {
|
|
var estilo = document.getElementById('conexao');
|
|
var painel = document.getElementById('preenchimento');
|
|
estilo.href = 'ola2';
|
|
painel.innerHTML = 'ola2';
|
|
}
|
|
|
|
//Variavel botão 3 responsavel por inicar a função
|
|
var botao_3 = document.getElementById('opicao_3');
|
|
botao_3.addEventListener('click', surgir3);
|
|
|
|
//Nessa função o conteudo da tela é modificado e novas informaçõe são apresentadas 'lembre de alinhar o nome da função com o seu botão respecitivo, sendo essa do botão 3'
|
|
function surgir3() {
|
|
var estilo = document.getElementById('conexao');
|
|
var painel = document.getElementById('preenchimento');
|
|
estilo.href = 'ola3';
|
|
painel.innerHTML = 'ola3';
|
|
}
|
|
|
|
//Variavel botão 4 responsavel por inicar a função
|
|
var botao_4 = document.getElementById('opicao_4');
|
|
botao_4.addEventListener('click', surgir4);
|
|
|
|
//Nessa função o conteudo da tela é modificado e novas informaçõe são apresentadas 'lembre de alinhar o nome da função com o seu botão respecitivo, sendo essa do botão 4'
|
|
function surgir4() {
|
|
var estilo = document.getElementById('conexao');
|
|
var painel = document.getElementById('preenchimento');
|
|
estilo.href = 'ola3';
|
|
painel.innerHTML = 'ola4';
|
|
}
|
|
|
|
//Variavel botão 5 responsavel por inicar a função
|
|
var botao_5 = document.getElementById('opicao_5');
|
|
botao_5.addEventListener('click', surgir5);
|
|
|
|
//Nessa função o conteudo da tela é modificado e novas informaçõe são apresentadas 'lembre de alinhar o nome da função com o seu botão respecitivo, sendo essa do botão 5'
|
|
function surgir5() {
|
|
var estilo = document.getElementById('conexao');
|
|
var painel = document.getElementById('preenchimento');
|
|
estilo.href = 'ola3';
|
|
painel.innerHTML = 'ola5';
|
|
}
|
|
|
|
//Variavel botão 6 responsavel por inicar a função
|
|
var botao_6 = document.getElementById('opicao_6');
|
|
botao_6.addEventListener('click', surgir6);
|
|
|
|
//Nessa função o conteudo da tela é modificado e novas informaçõe são apresentadas 'lembre de alinhar o nome da função com o seu botão respecitivo, sendo essa do botão 6'
|
|
function surgir6() {
|
|
var estilo = document.getElementById('conexao');
|
|
var painel = document.getElementById('preenchimento');
|
|
estilo.href = 'ola3';
|
|
painel.innerHTML = 'ola6';
|
|
}
|