04 – Javascript – if – else – instruções condicionais
Aula 04 – Javascript – if – else – instruções condicionais
if – else – instruções condicionais no Javascript
Voltar para página principal do blog
Todas as aulas desse curso
Aula 03
Aula 05
Se gostarem do conteúdo dêem um joinha 👍 na página do Código Fluente no
Facebook
Link do código fluente no Pinterest
Meus links de afiliados:
Hostinger
Digital Ocean
One.com
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.
