Lógica Aplicada - Loop, Escopo e Função 🚀

Semana 3 – Resolução de Problemas/Lógica aplicada e JavaScript (sintaxe básica)

• Aprendizado de funções e escopo;
• Aprendizado de estrutura de repeticação.

Plano da aula:

---

0. Chamada, apresentação das monitoras e acordos

• Usar as reações do zoom e levantar a mão para sinalizar que gostaria de falar
• Enviar as dúvidas no chat
• Manter microfone desligado quando outras pessoas estiverem falando
• Manter câmera ligada o máximo possível
• Momento mão no código, momento de olho na tela

1. Funções

1. Conceito

2. O que são funções?

   "São ações executadas assim que são chamadas ou em decorrência de algum evento." "Uma função pode receber parâmetros e retornar um resultado."

   Na oficina, a gente colocou no html uma chamada pra ação que ocorria quando o botão de calcular era clicado. No arquivo js criamos a função abaixo:

    function clicar() {
        resposta.innerHTML = input.value
    }

• chamada -> no evento de clique
• parâmetros -> nao recebiamos
• ação -> Pegar o valor digitadi do input e fazer aparecer na tela no elemento resposta
• retorno -> texto na tela com sucesso

A verdade é que na vida real, todas nós temos também tarefas e rotinas que seguem alguns critérios.

Exemplo jogar o lixo. Todas as segundas, quartas e sextas, eu posso jogar lixo organico. Todas as tercas e quintas, eu posso jogar o lixo reciclável.

• chamada -> nos dias referentes
• parâmetros -> dia
• ação -> separar o lixo, amarrar o saco, levar até ao local destinado
• retorno -> dia informando qual lixo jogar

E trazendo isso para o mundo do javascript, podemos criar um programa que me lembra de jogar o lixo corretamente. Vamos lá?

function jogarLixo(dia) {
    if(dia === 'segunda'|| dia === 'quarta' || dia ==='sexta'){
        console.log('lixo organico') 
        } else if (dia === 'terca'|| dia === 'quinta') {
            console.log('lixo reciclavel')
        } else {
            console.log('nao pode jogar lixo')
        }  
        return dia 
}

let qualTipoJogarHoje = jogarLixo('sabado')
console.log(qualTipoJogarHoje)

2. Por que (Quando) utilizar? Quando precisamos de uma instrução, uma ação que pode ser executada em diferentes momentos no nosso código.

3. Declaração

• Usamos a palavra reservada function
• Podemos dar um nome ou deixá-la anônima
• não esequecer de usar os parenteses, nele podemos passar parametros ou nao
• e dentro das chaves colocamos as instruções que podem ter um retorno ou não

3. Parâmetros São informacões que se comportam como variaveis dentro daquela função e que podem ser usadas nas instruções

4. Retorno Usando a palavra reservada return podemos, instruir nosso código a retornar algo.

5. Nomeando funções

• Sempre prefira usar verbos que descrevem exatamente o que a sua função irá fazer.
• Não se preocupe se os nomes ficarem grandes, desde que sejam descritivos o suficiente.
• Use também o camelcase, quando usamos a segunda palavra com a primeira letra maiuscula.

2. Escopo

1. Conceito Refere-se ao lugar em seu algoritmo ou função.

2. Escopo Global Refere-se ao arquivo atual do js.

3. Escopo Local ou de Bloco Refere-se à função ou aquele bloco de código.

Lembrete: Var não respeita escopo de bloco

4. Escopo Léxico

Um variavel recebe um indetificador único (nome) e o trecho de código que retorna quando ela é recuperada é o escopo léxico.

3. Estrutura de repetição

Loop, laço, iteração ou estrutura de repetição.

A gente faz diariamente atividades com repetição, por exemplo num exercicío físico. Digamos que nosso personal nos mandou fazer uma série de 10 pulos de corda.

A gente pode criar uma função pulaCorda() e quando ela for chamada, dentro dela irá executar 10 vezes o console.log com a string pulei a corda e o valor da repetição digitado manualmente.

Agora se o professor mudar a série para 100 vezes, vai ficar chato digitar 100 consoles, certo? É aí que as estruturas de repetição podem nos ajudar, temos um ponto de partida e um ponto de chegada para nosso sistema, vamos começar do pulo 1 e vamos até o pulo 100 e queremos mostrar isso no console.

Podemos fazer isso com for, while e também com o do...while.

function pulaCorda() {
    console.log('Pulei a corda com function 1')
    console.log('Pulei a corda com function 2')
    console.log('Pulei a corda com function 3')
    console.log('Pulei a corda com function 4')
    console.log('Pulei a corda com function 5')
    console.log('Pulei a corda com function 6')
    console.log('Pulei a corda com function 7')
    console.log('Pulei a corda com function 8')
    console.log('Pulei a corda com function 9')
    console.log('Pulei a corda com function 10')
}

pulaCorda();

console.log('inicio')
for(let i = 1; i <=3; i++) {
    console.log(`Pulei a corda com for ${i}`)
}
console.log('fim')

console.log('inicio')
let i = 1;
while(i <=3) {
    console.log(`Pulei a corda com while ${i}`)
    i++
}
console.log('fim')

console.log('inicio')
let index = 1;
do{
    console.log(`Pulei a corda com do...while ${index}`) 
    index++
}while(index<=3)
console.log('fim')

1. Conceito for é a estrutura de repetição com variavél de controle, a gente usa quando sabe exatamente qual são os nossos pontos de partida e de chegada.

while faz o teste lógico no início e sendo verdadeiro ele executa o bloco de código

do...while primeiro executa o bloco e depois faz o teste lógico, garantindo que a instrução será executada pelo menos 1 vez.

2. Comandos especiais

   1. break: podemos encerrar uma instrução

   2. continue: podemos pular uma instrução

for(let i = 10; i > 0; i--) {

  console.log(i);

  if(i === 5) {
    break;
  }  
}

console.log("Deu o break");

let x = 10;

while(x < 100) {

  x += 10;
  
  if(x === 60 || x === 90) {
    console.log("CONTINUE");
    continue;
  }

  console.log("Testando continue " + x);

}

Vamos debugar para perceber como funciona?

Extra: ferramenta debug do VSCode

• clica no besouro
• criar launch do debug
• define a variavel no watch
• marca o breakpoint
• dá o play e vai apertando f10

4. Exemplos:

Exemplo 01	Descrição
IMC	Vamos criar uma função que calcula o IMC de uma pessoa, dado a altura em m e a massa em kg.

Exemplo 02	Descrição
Par ou Impar	Crie uma função que determina se um número é par ou impar.

Exemplo 03	Descrição
Tabuada	Faça um programa que dado um número, imprime no (console.log) a tabuada do mesmo de 1 a 10.

Exemplo 04	Descrição
Pares	Imprima na tela os números pares existentes entre 0 e 100..

Exemplo 05	Descrição
Conversor de temperatura	Crie uma função que recebe uma temperatura em graus celsius retorna o valor convertido em Fahrenheit.

Exemplo 06	Descrição
Fatorial	Crie uma função que irá receber um número e retornar o fatorial dele. por exemplo: 3! = 3 * 2 * 1 // 6

Exemplo 07	Descrição
Multiplica	Crie uma função que recebe 2 parâmetros e retorna a multiplicação entre else.

Exemplo 08	Descrição
Porcentagem	Crie uma função que calcula 5% de desconto retornando o valor do desconto.

Exemplo 09	Descrição
Conversor de moeda	Crie uma função que irá converter uma quantia de real para dolar utilizando a cotação do dia.

Exemplo 10	Descrição
For/Break/Continue	Utilize a estrutura de repetição for para imprimir no console conforme instruções:

a) números de 1 a 50  
b) quando chegar no número 25 interrompa a instrução e pare o loop 
c) quando chegar no número 10 pule a instrução|

Exemplo 11	Descrição
10 em 10	Imprima na tela a partir de 20 e depois de 10 em 10 até o 100, mas em vez dos numeros 60 e 90 imprima a palavra "CONTINUE".

Exemplo 12	Descrição
conta bancária	Vamos criar uma conta bancária com as 3 operações básicas? rs

a) A conta deverá iniciar com o saldo de 100
b) Deverá ser possível escolher uma operação em forma de string: 'depositar', 'sacar', 'consultar saldo'
c) Deverá ser possível passar 1 valor para a operação escolhida
d) Deverá retornar o resultado e imprimir no console o saldo atual

|

---

Desafio entregavel:

Calma! É só uma TAREFINHA DE CASA pra chamar de sua! Já treinamos bastante com nossos exemplos na aula!

Resolva as questões abaixo:

Passo a passo:

1. Crie uma pasta que irá conter um arquivo com extensão .js para cada questão abaixo e apenas um README.md

1 - crie um algoritmo que imprime no console de 10 a 60, iterando a cada 5, exceto para os numeros 35 e 45 que irão ser substituidos pela palavra "PULOU".

2 - crie um algoritmo que converte dias em horas, quando recebe um número de dias.

3 - Crie uma função que recebe 2 parâmetros e retorna o resultado da divisão entre eles. Além disso, se o resto dessa divisão for zero deverá imprimir no console o valor e dizer que ele é par.

4 - Utilize a estrutura de repetição for para imprimir no console conforme instruções abaixo: 
    a) números de 1 a 100  
    b) quando chegar no número 50 interrompa a instrução e pare o loop 
    c) quando chegar no número 50 pule a instrução 

5 - Vamos criar uma calculadora com as 4 operações matemáticas básicas? rs

a) Deverá ser possível escolher uma operação aritimética em forma de string: 'soma', 'multiplicacao', 'divisao' e 'subtracao'
b) Deverá ser possível passar 2 números para a operação escolhida
c) Deverá retornar o resultado e imprimir no console

2. A entrega é pelo classroom

Simara Conceição

• instagram
• linkedin
• github
• spotify
• quero ser dev