You are on page 1of 24

Samarth Polytechnic Belhe

DEPARTMENT OF COMPUTER ENGINEERING

Subject: Client Side Scripting Subject code: 22519


Semester: 5th Course: Computer Engineering
Name of Subject Teacher: Kshirsagar. S. B

Experiment No: 2
Title of Experiment: Developed JavaScript use decision making and
looping statements.

Theory:

Conditional statements are used to perform different actions based on different conditions.

Conditional Statements

Very often when you write code, you want to perform different actions for different decisions.

You can use conditional statements in your code to do this.

In JavaScript we have the following conditional statements:

• Use if to specify a block of code to be executed, if a specified condition is true

• Use else to specify a block of code to be executed, if the same condition is false

• Use else if to specify a new condition to test, if the first condition is false

• Use switch to specify many alternative blocks of code to be executed

Looping Statement:

Loops can execute a block of code a number of times.

JavaScript Loops

Loops are handy, if you want to run the same code over and over again, each time with a different value.

JavaScript supports different kinds of loops:

• for - loops through a block of code a number of times


• for/in - loops through the properties of an object

• while - loops through a block of code while a specified condition is true

• do/while - also loops through a block of code while a specified condition is true

syntax:-
• IF syntax :-

if (condition) {

// block of code to be executed if the condition is true

eg-

if (hour < 18) {

greeting = "Good day";

• IF else syntax:-
if (condition) {

// block of code to be executed if the condition is true

} else {

// block of code to be executed if the condition is false

eg-

if (hour < 18) {

greeting = "Good day";

} else {

greeting = "Good evening";

• ELSE IF syntax:-
if (condition1) {

// block of code to be executed if condition1 is true


} else if (condition2) {

// block of code to be executed if the condition1 is false and condition2 is true

} else {

// block of code to be executed if the condition1 is false and condition2 is false

eg-

if (time < 10) {

greeting = "Good morning";

else if (time < 20) {

greeting = "Good day";

} else {

greeting = "Good evening";

• SWITCH syntax:-
switch(expression) {

case x:

// code block

break;

case y:

// code block

break;

default:

// code block

Eg-

switch (new Date().getDay()) {

case 0:
day = "Sunday";

break;

case 1: day = "Monday";

break;

case 2:
day = "Tuesday";
break;
case 3:
day = "Wednesday";
break;
case 4:
day = "Thursday";
break;
case 5:
day = "Friday";
break;
case 6:
day = "Saturday";
}

Program:

• IF

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

Output:
• IF ELSE

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

Output:-
• ELSE IF STATEMENT:-

<html>
<head>

<script type="text/javascript">

var x = prompt("Enter the first number");

var y = prompt("Enter the second

number"); one = parseInt(x);

two =

parseInt(y); if (x

== y)

document.write(x + " is equal to " + y +

"."); else if (one<two)

document.write(x + " is less than " + y + ".");

else

document.write(x + " is greater than " + y + ".");

</script>

</head>
<body>
</body>

</html>

Output:
• SWITCH CASE :-

<html>
<body>

<script type="text/Javascript">

var day = prompt ("Eneter number between 1 to 7","");

day = parseInt(day);

switch(day)

case 1: document.write("Monady");break;

case 2: document.write("Tuesday");break;

case 3: document.write("Wednusday");break;

case 4: document.write("Thuersday");break;

case 5: document.write("Friday");break;

case 6: document.write("Saturady");break;

case 7: document.write("Sunday");break;

</script>

</body>

</html>

Output:
LOOPS:-
• FOR LOOP:-

<html>

<body>

<script type = "text/javascript"


var i;

document.write("Starting Loop" + "<br />");

for(i = 0; i < 10; i++) {

document.write("Current

Count : " + i );

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

document.write("Loop stopped!");

</script>

</body>

</html>

Output:-

• While loop
<html>
<body>

<script type = "text/javascript">

var i = 0;

document.write("Starting

Loop ");
while (i < 10) {

document.write("Current Count : " + i +

"<br />"); i++;

</script>
</body>

</html>
• DO WHILE LOOP

<html>

<body>

<script type =

"text/javascript"> var p

= 0;

document.write("Starting Loop" +

"<br />"); do {

document.write("Current Count : " + p +

"<br />"); p++;

while (p < 5);

document.write ("Loop stopped!");

</script>

</body>
</html>

Output:
• FOR IN LOOP

<html>

<body>

<script

type="text/Javascript"

> var

languages={first:"c",

second:"P

yathon",

third:"java

",

fourth:

"php"}; for(i in

languages)

document.write(languages[i]+"<br>");

</script

</body>

</html>

Output:-
Grade and C (4M) P (4M) A (2M) Total ( 10 M) Dated Sign
Dated
Signature
of
Teacher

You might also like