Resumo da Live TikTok 27/10/2024 – Desvendando o Código

Olá Pessoal!

Na Live do dia 27/10/2024 fizemos o resumo semanal e abordamos os temas QueryString e CallBack com JavaScript.

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Página 1</title>
</head>
<body>
    
    <h1> Página de Envio</h1>

    <form id="formulario">
        <p>Nome:</p>
        <input type="text" id="nome" name="nome" required>
        <br>

        <p>Idade:</p>
        <input type="number" id="idade" name="idade" required>
        <br>
        <br>
        <button type="submit"> Enviar</button>
    </form>

    <script>

        document.getElementById('formulario').addEventListener('submit', function(event){
           
            event.preventDefault();

            const nome = document.getElementById('nome').value;
            const idade = document.getElementById('idade').value;


          const url = `pagina2.html?nome=${encodeURIComponent(nome)}&idade=${encodeURIComponent(idade)}`;

          window.location.href = url


        })
    </script>

</body>
</html>




<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Página 2</title>
</head>
<body>
    
    <h1>Página de Recepção</h1>
    <p id="resultado"></p>

    <script>

        const params = new URLSearchParams(window.location.search);

        const nome = params.get('nome');
        const idade = params.get('idade');

        const resultado = document.getElementById('resultado');

        if(nome && idade){

            resultado.textContent = `Nome: ${nome}, Idade: ${idade}`;

        }else{
            resultado.textContent = 'Parâmetros não encontrados na URL';

        }
    </script>
</body>
</html>



function somar(a, b){

    console.log('Somando os valores...');

    return a + b;   

}

console.log(  somar(5 , 6) );



function saudar(nome, callback){

    console.log('Olá ' + nome);

    callback();

}

function despedir(){

    console.log('Tchau!')
}

saudar('Marcos', despedir);


function calculadora(a, b, operacao){

    return operacao(a, b);

}

function somar(a, b){
    return a + b;
}

function multiplicar(a, b){
    return a * b;
}

console.log(   calculadora( 5, 3, somar )    );
console.log(   calculadora( 5, 3, multiplicar )    );