Resumo da Live TikTok 08072024

Olá Pessoal!

Na Live do dia 08/07/2024 foram abordados os seguintes temas:

Laço de Repetição For e While;
Condicional, simples, composta e aninhada;
Estrutura de decisão Switch Case;
Eventos

Seguem os códigos estudados durante a Live.

Exemplo de Estrutura Case

var tipoUsuario = 'Contas a Pagar';
var mensagem

switch(tipoUsuario){

    case 'Admin':
        mensagem = 'Feliz natal, chefe!';
        break;
    case 'Gerente':
        mensagem = 'Boas festas, Amigo!';
        break;

        default:
            mensagem = 'Boas festas';

}

console.log(mensagem)

Exercício com Estrutura Case


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Atividade </title>
</head>
<body>

    <h1>SISTEMA DE ESCOLHA DE ALGORITMOS</h1><br>
    
    <script>

        var algoritmo = Number(prompt("Digite um número de 1 a 5 para escolher o algoritmo: "));
        switch (algoritmo) {
            case 1:                
                var a = Number(prompt("Informe o valor de A "));
                var b = Number(prompt("Informe o valor de B "));                         
                document.write("O algoritmo escolhido foi o 1. Condicional Simples.<br>");
                document.write("*******************************<br>");                
                if(a > b){
                    document.write("A é maior que B. <br>");
                    document.write("*******************************<br>");                 
                }                
            break;
            case 2:                
                var a = Number(prompt("Informe o valor de A "));
                var b = Number(prompt("Informe o valor de B "));
                document.write("*******************************<br>");
                document.write("O algoritmo escolhido foi o 2. Condicional Composta.<br>");
                document.write("*******************************<br>"); 
                if(a > b){
                    document.write("A é maior que B. <br>");
                }else{
                    document.write("B é maior que A. <br>");
                }                               
            break;
            case 3:
                var hora = Number(prompt("Informe a hora de 1 a 24 "));   
                document.write("*******************************<br>");             
                document.write("O algoritmo escolhido foi o 3. Condicional Aninhada.<br>");
                document.write("*******************************<br>");             
                if (hora >= 6 && hora <=12){
                    document.write("Bom dia!<br>");                    
                }else if(hora > 12 && hora <= 18){
                    document.write("Boa tarde!<br>");                     
                }else if(hora > 18 && hora <= 24 ){
                    document.write("Boa noite!<br>");                    
                }else{
                    document.write("Boa madrugada!<br>");
                }                     
            break;
            case 4:
                var tabuada = Number(prompt("Informe a tabuada: "));
                var total = 0;
                document.write("*******************************<br>");
                document.write("O algoritmo escolhido foi o 4 utilizando o laço FOR.<br>");
                document.write("*******************************<br>"); 
                for(contador = 1; contador < 11; contador ++){
                    total = contador * tabuada;
                    document.write(`${contador}  * ${tabuada} = ${total} <br>`);
                }                
            break;
            case 5:
                var tabuada = Number(prompt("Informe a tabuada: "));
                var total = 0;
                var contador = 1;
                document.write("*******************************<br>");
                document.write("O algoritmo escolhido foi o 5 utilizando o laço WHILE.<br>");
                document.write("*******************************<br>");            
                while(contador < 11){
                    total = contador * tabuada
                    document.write(`${contador}  * ${tabuada} = ${total} <br>`);
                    contador ++;
                }                 
            break;    
            default:
                document.write("Não existe este item na lista!");
                break;
        }

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

Escopo.js

let a = 5;
var b = 10;
const c = 20;


if(a == 5){

    let a = 4; // escopo do IF
    var b = 1;
    const c = 50;    
    console.log('let' + a)
    console.log('var ' + b)
    console.log('const ' + c)
}

    console.log('let' + a)
    console.log('var ' + b)
    console.log('const ' + c)
    a =100
    console.log('let' + a)

Constantes

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>

const dias = Number(prompt('informe os dias'));
const horas = Number(prompt('informe as horas'));


const total = (dias * 24 ) + horas;

alert(`Total de horas ${total}` )
    </script>
</body>
</html>

Aninhamento de Laço For

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        var n2 = Number(prompt('Informe a tabuada'))
       for(nx = 1; nx <=2 ; nx ++){
       
        document.write('*****<br>')
        for(n0 =1; n0 <=5; n0 ++ ){

            for(n1 = 1; n1 <=2; n1 ++){
                var mult = n0 * n2;
                document.write(n2 + 'x' + n0 + '= ' + mult + '<br>');
            
            }

        }
    }
        document.write('*****<br>')
</script>
</body>
</html>