Scribd
Upload
19 views

CSS Practical 1 To 4

Uploaded by

shirpurkarghananil
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
19 views

CSS Practical 1 To 4

Uploaded by

shirpurkarghananil
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 10

PRACTICAL NO.

1
AIM : Develop JavaScript to use decision making and looping statements.

THEORY:

Conditional Statements:

1. The if Statement
Use the if statement to specify a block of JavaScript code to be executed if a
condition is true.
Syntax :
if (condition) {
// block of code to be executed if the condition is true
}
2.The else Statement
Use the else statement to specify a block of code to be executed if the condition
is false.
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
}
3.The else if Statement
Use the else if statement to specify a new condition if the first condition is false.
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 }
4.The Switch Statement
Use the switch statement to select one of many code blocks to be executed.
Syntax:
switch(expression) {
case x:
//code block
Break
case y:
//code block
Break;
default:
//code block
}
JavaScript Loops
1. for loop
Loops are handy, if you want to run the same code over and over again, each time
with a different value.
Syntax:-
for (initialization condition; testing condition; increment/decrement)
{
statement(s)
}
Or for objects
for (variable_Name in Object)
{
statement(s)
}
2. do while:
do while loop is similar to while loop with only difference that it checks for condition
after executing the
statements, and therefore is an example of Exit Control Loop.
Syntax:-
do
{
statements..
}while (condition);
3. While loop
A while loop is a control flow statement that allows code to be executed repeatedly
based on a given
Boolean condition. The while loop can be thought of as a repeating if statement.
Syntax :-
while (boolean condition)
{
loop statements...
}

PROGRAM CODE :

<html>
<head>
<title> Practical 1</title>
<script type = "text/javascript">
document.write("<b> Even Number between 1 to 20 </b> ");
for(var i =1; i<=20;i++)
{
if(i%2==0)
{
document.write("<br>" +i);
}

}
</script>
</head>
</html>

OUTPUT :

Marks Obtained Dated Signature of


Teacher

Process Product Total


Related (35) Related (15) (50)
PRACTICAL NO. 2
AIM : Develop javascript to implements array functionalities.

THEORY :

What is an Array?
An array is a special variable, which can hold more than one value at a time.

Creating an Array
Using an array literal is the easiest way to create a JavaScript Array.

Syntax:
var array_name = [item1, item2, ...];

JavaScript Array directly (new keyword)

The syntax of creating array directly is given below:


var arrayname=new Array();

Here, new keyword is used to create instance of array.

JavaScript Array Methods

find() : It returns the value of the first element in the given array that satisfies
the specified condition.
findIndex() : It returns the index value of the first element in the given array that
satisfies the specified condition.
indexOf() : It searches the specified element in the given array and returns the
index of the first match.
lastIndexOf() : It searches the specified element in the given array and returns
the index of the last match.
pop() : It removes and returns the last element of an array.
push() : It adds one or more elements to the end of an array.
reverse(): It reverses the elements of given array.
shift() : It removes and returns the first element of an array.
unshift() : It add one or more elements at the first element of an array.
sort() : It returns the element of the given array in a sorted order.
PROGRAM CODE :
<html>
<head>
<title> Practical 2</title>
<h2> Array Functionalities</h2>
<script type = "text/javascript">

var arr = [10,60,30,70,50];

document.write("<b> Length of Array is: </b> " +arr.length);

document.write("<br><br> <b> Element of Array is: </b> " +arr);

arr.push(20,80);
document.write("<br><br> <b> Element of Array after push operation is: </b> "
+arr);

arr.pop();
document.write("<br><br> <b> Element of Array after pop operation is: </b> "
+arr);

arr.unshift(5,40);
document.write("<br><br> <b> Element of Array after unshift operation is:
</b> " +arr);

arr.shift();
document.write("<br><br> <b> Element of Array after shift operation is: </b> "
+arr);

arr.sort();
document.write("<br><br> <b> Sorted Array is: </b> " +arr);

arr.reverse();
document.write("<br><br> <b> Reverse Array is: </b> " +arr);

</script>
</head>
</html>
OUTPUT :

Marks Obtained Dated Signature of


Teacher

Process Product Total


Related (35) Related (15) (50)
PRACTICAL NO. 3
AIM : Develop javascript to implement functions.

THEORY :
Function
JavaScript functions are used to perform operations. We can call JavaScript
function many times to reuse the code.
Advantage of JavaScript function:
There are mainly two advantages of JavaScript functions.
1. Code reusability: We can call a function several times so it save coding.
2. Less coding: It makes our program compact. We don’t need to write
many lines of code each time to perform a common task.
JavaScript Function Syntax :-
function function_Name([arg1, arg2, ...argN])
{
//code to be executed
}
JavaScript Functions can have 0 or more arguments..

PROGRAM CODE :
<html>
<head>
<title> Practical 3 </title>
<script type = "text/javascript">
var n = parseInt(prompt("Enter a Number"));
function factorial(num)
{
var fact= 1;
for(var i = 1; i<=num; i++)
{
fact = fact * i;
}
return(fact);
}
document.write(" <b> Factorial is : <b>" +factorial(n));
</script>
</head>
</html>

OUTPUT :

Marks Obtained Dated Signature of


Teacher

Process Product Total


Related (35) Related (15) (50)

You might also like