Resumo da Live TikTok 05082024 – Desvendando o Código

Olá Pessoal!

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

Condicionais Simples, Composta e Aninhada;
findIndex;
Vetores de Objetos;
Callback;
Escopo.

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

// console.log('testando ');



VETORES

const list1 =[1,2,3,4,5];
list1.pop();
console.log(list1);

const list2 =[1,2,3,4,5];
list2.shift();
console.log(list2);




const list3 =[1,2,    3,4,5];
// indice     0 1 2 3 4 
// posicoes   1 2 3 4 5 


list3.splice(2, 1);
console.log(list3);

const list4 =[1,2,    3,4,5];
list4.splice(2, 0, 99);
console.log(list4);


CALLBACK
function saudar(nome, callback){
    console.log('Olá ' + nome)

    callback();
}

function despedir(){
    console.log("Tchau!");
}

saudar('Marcos', despedir);

FINDINDEX

const valores = [1,2,5, 20,44];

const maior = function (elemento){
return elemento > 13
}

const index = valores.findIndex( maior);
console.log(index);

FINDINDEX2

const usuarios = [
{ id: 1, nome: 'João'},
{ id: 2, nome: 'Maria'},
{ id: 3, nome: 'Marcos'}
];

const index = usuarios.findIndex(function (usuario){
return usuario.id === 2 });

console.log(index);
console.log(usuarios[1]);
console.log(usuarios[1].nome);

EVENTOS

Alterar texto

<p id="meuParagrafo">    Texto Original!!!!!</p>

<button onclick="alterar()"> Alterar Texto </button>

<script>

    const p  = document.getElementById('meuParagrafo');

    function alterar(){

        p.innerText = "Texto alterado pelo JS!!!!";
        p.style.color = 'red';
        p.style.fontSize = '30pt';
    }

</script>

FUNCAO DE SETA

// const minhafuncao = ()=>{
// console.log('Ola');
// }

// minhafuncao();

var b = 50;

let a = 10; //escopo global

if(b == 50){
    let a = 1000 
    console.log(a);   //escopo local
}

console.log(a);