Declarações condicionais em JavaScript: if, else e else if

Declarações condicionais JavaScript

Existem basicamente três tipos de instruções condicionais em JavaScript.

  1. Se Declaração: uma instrução 'if' executa código com base em uma condição.
  2. if... else Declaração: A instrução if…else consiste em dois blocos de código; quando uma condição é verdadeira, ele executa o primeiro bloco de código e quando a condição é falsa, ele executa o segundo bloco de código.
  3. declaração if…else if…else: quando várias condições precisam ser testadas e diferentes blocos de código precisam ser executados com base em qual condição é verdadeira, a instrução if…else if…else é usada.

Como usar declarações condicionais

Instruções condicionais são usadas para decidir o fluxo de execução com base em diferentes condições. Se uma condição for verdadeira, você poderá executar uma ação e se a condição for falsa, você poderá executar outra ação.

Use declarações condicionais em JavaScript

Declaração If

Sintaxe:

if(condition)
{
	lines of code to be executed if condition is true
}

Você pode usar if instrução se desejar verificar apenas uma condição específica.

Tente isso você mesmo:

<html>
<head>
	<title>IF Statments!!!</title>
	<script type="text/javascript">
		var age = prompt("Please enter your age");
		if(age>=18)
		document.write("You are an adult <br />");
		if(age<18)
		document.write("You are NOT an adult <br />");
	</script>
</head>
<body>
</body>
</html>

Declaração If…Else

Sintaxe:

if(condition)
{
	lines of code to be executed if the condition is true
}
else
{
	lines of code to be executed if the condition is false
}

Você pode usar If….Else instrução se você precisar verificar duas condições e executar um conjunto diferente de códigos.

Tente isso você mesmo:

<html>
<head>
	<title>If...Else Statments!!!</title>
	<script type="text/javascript">
		// Get the current hours
		var hours = new Date().getHours();
		if(hours<12)
		document.write("Good Morning!!!<br />");
		else
		document.write("Good Afternoon!!!<br />");
	</script>
</head>
<body>
</body>
</html>

Instrução If… Else If… Else

Sintaxe:

if(condition1)
{
	lines of code to be executed if condition1 is true
}
else if(condition2)
{
	lines of code to be executed if condition2 is true
}
else
{
	lines of code to be executed if condition1 is false and condition2 is false
}

Você pode usar If….Else If….Else declaração se você quiser verificar mais de duas condições.

Tente isso você mesmo:

<html>
<head>
	<script type="text/javascript">
		var one = prompt("Enter the first number");
		var two = prompt("Enter the second number");
		one = parseInt(one);
		two = parseInt(two);
		if (one == two)
			document.write(one + " is equal to " + two + ".");
		else if (one<two)
			document.write(one + " is less than " + two + ".");
		else
			document.write(one + " is greater than " + two + ".");
	</script>
</head>
<body>
</body>
</html>