Resumo da Live TikTok 01082024 – Desvendando o Código

Olá Pessoal!

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

Laço FOR;
Condicionais Simples, Composta e Aninhada;
Eventos
forEach;
for of;
Vetores de Objetos.

ANOTACOES
// if(condicao){
// //bloco de comandos
// }else if(condicao2){

// }else {
// }


FOR

const numeros = [10,20,30,40,50];
// for(var i = 0; i < numeros.length; i++ ){
//     console.log(numeros[i]);
// }

for(var num  of numeros){
    console.log(num);
}

for(let numero in numeros){
    console.log(numero);
}

OBJETOS

const pessoa = {

    nome: 'João',
    sobrenome: "Silva",

    NomeCompleto: function(){
        return pessoa.nome + " " + this.sobrenome;
    } 
}

console.log(pessoa.NomeCompleto());


VETOR DE OBJETOS

const pessoas = [
    {
        nome:"Alice",
        idade: 25,
        cidade: "Rio de Janeiro",
        interesses:["musica","filmes", "viajar"]
    },
    {
        nome:"João",
        idade: 15,
        cidade: "São Paulo",
        interesses:["natacao","filmes", "livros"]
    }
]
for(const pessoa of pessoas){
console.log("Nome: " + pessoa.nome);
console.log("Idade: " + pessoa.idade);
console.log("Cidade: " + pessoa.cidade);
console.log("Interesses: " +
     pessoa.interesses.join(', '));

console.log('\n ****** \n');

}
FOR EACH

const numeros = [1,2,3,4,5];

function multiplicar(valor){
return console.log(valor * 5 )
}
numeros.forEach(multiplicar)

EVENTOS

Eventos

<button onclick="clicar()">click em mim </button>

<script>
    var paragrafo = document.getElementById('paragrafo');

    function clicar(){

        paragrafo.innerText = 'Clicou no botao'
    }

</script>