04 – Javascript – if – else – instruções condicionais

More videos
Views
   

Aula 04 – Javascript – if – else – instruções condicionais

if - else - instruções condicionais no Javascript

if – else – instruções condicionais no Javascript

Começaremos a tomar decisões sobre caminhos no fluxo do código através de intruções condicionais.

Na aula 02 foi utilizado uma instrução if else para imprimir se a pessoa era casada ou não, mas, agora vamos dá uma olhada mais detalhada a repeito dessas instruções.

O Javascript, assim como outras linguagens de programação, possui algumas intruções de controle, que nos permite executar determinadas partes do código, ou executar partes do código várias vezes.

Crie uma pasta: javascript_codes/exemplo04/ e dentro crie o arquivo index04.html com conteúdo abaixo: 


<!DOCTYPE html>
<html lang="pt-br">
    <head>
        <meta charset="UTF-8">
        <title>Aula 4: Fundamentos da Linguagem JavaScript - código fluente</title>
    </head>

    <body>
        <h1>Aula 4: Fundamentos da Linguagem JavaScript - código fluente - IF - ELSE - Intruções Condicionais</h1>
    </body>
    <script src="script04.js"></script>
</html>

Vamos criar o script04.js na pasta javascript_codes/exemplo04/ e aproveitar o código da aula02, reescrevendo de forma diferente a condicional:


/********************************
* Variáveis e tipos de dados
*/
var nome = "João";
var sobrenome = "da Silva";
var idade = 50;
var estadoCivil = false;

//essa comparação não é necessária: if (estadoCivil === true), já que estadoCivil já é um boolean
//por isso, no exemplo da aula02 colocamos apenas if(estadoCivil)
if (estadoCivil === true) 
    console.log(nome + " " + sobrenome + " é casado");
else
    console.log(nome + " " + sobrenome + " é solteiro");

Não estranhe a comparação com ===, vamos falar novamente sobre isso mais na frente, mas, só para vocês entederem, vou mostrar um exemplo que deixa bem claro:

'1' == 1 // Saída é true, errada, já que '1' é uma string e 1 é um número.
'1' === 1 // Saída false, correta, a string '1' é diferente do número 1.

Seguindo, acrescente uma outra pessoa, a Maria, e imprima se ela é casada ou solteira:


/********************************
* Variáveis e tipos de dados
*/
var nome01 = "João";
var sobrenome01 = "da Silva";
var idade_joao = 50;
var estadoCivil_joao = false;

var nome02 = "Maria";
var sobrenome02 = "Carvalho";
var idade_maria = 45;
var estadoCivil_maria = true;

//essa comparação não é necessária: if (estadoCivil === true), já que estadoCivil já é um boolean
//por isso, no exemplo da aula02 colocamos apenas if(estadoCivil)
if (estadoCivil_joao) 
    console.log(nome01 + " " + sobrenome01 + " é casado");
else
    console.log(nome01 + " " + sobrenome01 + " é solteiro");
if (estadoCivil_maria ) 
    console.log(nome02 + " " + sobrenome02 + " é casada");
else
    console.log(nome02 + " " + sobrenome02 + " é solteira");

Vamos verificar quem é mais velho, João ou Maria?


/********************************
* Variáveis e tipos de dados
*/
var nome01 = "João";
var sobrenome01 = "da Silva";
var idade_joao = 50;
var estadoCivil = false;

var nome02 = "Maria";
var sobrenome02 = "Carvalho";
var idade_maria = 45;
var estadoCivil = true;
//essa comparação não é necessária: if (estadoCivil === true), já que estadoCivil já é um boolean
//por isso, no exemplo da aula02 colocamos apenas if(estadoCivil)
if (estadoCivil === true) 
    console.log(nome01 + " " + sobrenome01 + " é casado");
else
    console.log(nome01 + " " + sobrenome01 + " é solteiro");
if (estadoCivil) 
    console.log(nome02 + " " + sobrenome02 + " é casado");
else
    console.log(nome02 + " " + sobrenome02 + " é solteiro");

if (idade_joao > idade_maria) 
    console.log(nome01 + " " + sobrenome01 + " é mais velho do que " +  nome02 + " " + sobrenome02);
else
    console.log(nome02 + " " + sobrenome02 + " é mais velha do que " +  nome01 + " " + sobrenome01);

Na próxima aula veremos operadores booleanos.

Curta a página do Código Fluente no Facebook
https://www.facebook.com/Codigofluente-338485370069035/

Vou deixar meu link de referidos na digitalocean pra vocês.

Quem se cadastrar por esse link, ganha $100.00 dólares de crédito na digitalocean:

Digital Ocean

Esse outro link é da one.com:

One.com

Obrigado, até a próxima e bons estudos. 😉

About The Author
-

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>