//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';
}