Skip to main content

Conditional statement in javascript| Alternative of Conditional Statements






Conditional statements control behavior in JavaScript and determine whether or not pieces of code can run. ... “If” statements: where if a condition is true it is used to specify execution for a block of code. “Else” statements: where if the same condition is false it specifies the execution for a block of code.


How to use Conditional Statements

Conditional statements are used to decide the flow of execution based on different conditions. If a condition is true, you can perform one action and if the condition is false, you can perform another action.


Different Types of Conditional Statements

There are mainly three types of conditional statements in JavaScript.

  1. If statement
  2. If…Else statement
  3. If…Else If…Else statement

1) If statement

Syntax:

if (condition)


{


lines of code to be executed if condition is true


}


You can use If statement if you want to check only a specific condition.

Try this yourself:

<html>

<head>

<title>IF Statments!!!</title>

<script type="text/javascript">

var result_percentage = 200

if(result_percentage <=100)

document.write("Congrts <br />");

if(result_percentage >100)

document.write("RESULT Error <br />");

</script>

</head>

<body>

</body>

</html>


2) If…Else statement

Syntax:

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


}


You can use If….Else statement if you have to check two conditions and execute a different set of codes.

Try this yourself:


<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>

3) If…Else If…Else statement

Syntax:

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


}


You can use If….Else If….Else statement if you want to check more than two conditions.

Try this yourself:


<html>

<head>

<script type="text/javascript">

var one = 10

var two = 20

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>


Alternative of Conditional Statements:

Conditional (ternary) operator

The conditional (ternary) operator is the only JavaScript operator that takes three operands: a condition followed by a question mark (?), then an expression to execute if the condition is truthy followed by a colon (:), and finally, the expression to execute if the condition is falsy. This operator is frequently used as a shortcut for the if statement.

Syntax:-

condition ? exprIfTrue : exprIfFalse


Parameters

condition
An expression whose value is used as a condition.
exprIfTrue
An expression which is evaluated if the condition evaluates to a truthy value (one which equals or can be converted to true).
exprIfFalse
An expression which is executed if the condition is falsy (that is, has a value which can be converted to false).

Description

Besides false, possible falsy expressions are: null, NaN, 0, the empty string (""), and undefined. If condition is any of these, the result of the conditional expression will be the result of executing the expression exprIfFalse.

Examples

A simple example

var age = 26;
var beverage = (age >= 21) ? "Beer" : "Juice";
console.log(beverage); // "Beer"

function getFee(isMember) {

  return (isMember ? '$2.00' : '$10.00');

}

console.log(getFee(true));

// expected output: "$2.00"

console.log(getFee(false));

// expected output: "$10.00"

console.log(getFee(null));

// expected output: "$10.00"


Comments

Post a Comment

Popular posts from this blog

How to get the CPU temperature using ADB?

import os # Function to get the CPU temperature using ADB def get_cpu_temperature():     try:         # Run the ADB command and redirect the output to a temporary file         os.system("adb shell cat /sys/class/thermal/thermal_zone0/temp > temp.txt")         # Read the temperature from the temporary file and convert to Celsius         with open("temp.txt", "r") as file:             temperature = int(file.read().strip()) / 1000.0             return temperature     except Exception as e:         print("Error:", e)         return None     finally:         # Remove the temporary file         os.remove("temp.txt") # Function to check temperature and trigger alarm if necessary def check_temperature_and_notify(threshold):     temperat...
Post a Comment
Read more

How to call API in angular & with an example of PHP API

How to call API in angular & with an example of PHP API . Software required:- Node ->  https://nodejs.org/en/download/ VS Code ->  https://code.visualstudio.com/download Angular CLI -> npm install - g @angular / cli To understand how to call API in angular follow the below steps:- Step:1 Project Setup 1. Create a project in angular ->  ng new project name 2. Install npm -> npm i 3. Import HttpClientModule in app.module.ts -> import { HttpClientModule } from '@angular/common/http' ; 4. Add provider providers : [ WebserviceService ], example -> ng new crudInAngularPHP Step:2 API Service 1. Create a service with name webservice -> ng g s services/webservice 2. import modules import { HttpClient, HttpHeaders, HttpRequest, HttpEvent } from '@angular/common/http'; 3 .    C all constructor  constructor( private http: HttpClient) 4. Add a common function to get a response of API with name postRequest:-      ...
Post a Comment
Read more

What is JavaScript? Why JavaScript? How to use javascript?

 WWH JavaScript Watch here with full example and with github:  Watch Now 1. Question. What is JavaScript? Answer :- Javascript is a scripting language. And it's basically used to make web pages more user-friendly and more interactive.     Few Important points related to javascript:- JavaScript is an untyped language.(What does it mean?) Unlike c/java or other programming languages, you don't need to define/declare type of variables JavaScript is an interpreted language.(Means?) Programs written in c/c+ or java, you need to compile first and after that, u can get output. but codes/programs written in javascript will give you output without compilation process. 2. Question. Why JavaScript?  Answer:- Javascript is basically used to make web pages more authentic. For example, you have a signup form of a user and there is a Pincode input box and you want to get the city on the input of pin code so you can add this functionality into your web page with the help of jav...
Post a Comment
Read more