You are on page 1of 20

CAP214: FUNDAMENTALS OF WEB PROGRAMMING

HOMEWORK: 3

Submitted by:

Name: Aparnesh Roy

Course: BCA-MCA (Dual Degree)

Section: D3901

Roll No.: RD3901A32

Registration No.: 10904928

Group: 1

Submitted to:

Lect. Rajeev Kanday


PART: “A”

1) What does "1"+2+4 and 2+5+"8" evaluate to when we use


these expressions in JavaScript? Justify your answer.

Ans.:

The given expression is written below in JavaScript, as


follows:

<html>

<head>

<title>Expression</title>

</head>

<body>

<script language="JavaScript">

document.write("1"+2+4);

document.write("<br>");

document.write(2+5+"8");

</script>

</body>

</html>

It will give following output:

“1”+2+4: 124
2+5+”8”: 78

In the fi rst expression the given expression will be concatenated


means they will be printed as it is on the screen and in the second
expression the fi rst two numbers will be added while the third
number will be printed as it is on the screen.
2) Write a code in JavaScript to create the registration page of
an email website. It should contain the following details:

i) First Name
ii) Last Name
iii) Date of Birth
iv) Gender
v) Email ID
vi) Address
vii) ZIP Code

Ans.:

The code in JavaScript to create the registration page of an


email website is given below:

<html>

<head>

<center><strong><u>Registration Page</strong></U></center>

<script type="text/javascript">

function success()

alert("Your new account has been successfully created");

</script>
</head>

<body bgcolor="AQUA">

<form>

Your Name:

<br><br>

First Name:

<INPUT TYPE="text" VALUE=" ">

Last Name:

<INPUT TYPE="text" VALUE=" ">

<BR><BR>

DOB:

&nbsp;

<select>

<option value="1">1

<option value="2">2

<option value="3">3

<option value="4">4

<option value="5">5
<option value="6">6

<option value="7">7

<option value="8">8

<option value="9">9

<option value="10">10

<option value="11">11

<option value="12">12

<option value="13">13

<option value="14">14

<option value="15">15

<option value="16">16

<option value="17">17

<option value="18">18

<option value="19">19

<option value="20">20

<option value="21">21

<option value="22">22

<option value="23">23

<option value="24">24

<option value="25">25
<option value="26">26

<option value="27">27

<option value="28">28

<option value="29">29

<option value="30">30

<option value="31">31

</option>

</select>

<select>

<option value="January">Jan

<option value="Febrary">Feb

<option value="March">Mar

<option value="April">Apr

<option value="May">May

<option value="June">June

<option value="July">July

<option value="August">Aug

<option value="September">Sep

<option value="October">Oct

<option value="November">Nov

<option value="December">Dec
</option>

</select>

<select>

<option value="2000">00

<option value="1999">99

<option value="1998">98

<option value="1997">97

<option value="1996">96

<option value="1995">95

<option value="1994">94

<option value="1993">93

<option value="1992">92

<option value="1991">91

<option value="1990">90

</option>

</select>

<BR><br>

GENDER:

<input type="radio" name="gnr" value="male">Male

<input type="radio" name="gnr" value="female">Female


<BR><br>

Your E-Mail ID:

<INPUT TYPE="text" VALUE=" ">&nbsp;@

<select>

<option value=" ">gmail.com

<option value=" ">yahoo.com

<option value=" ">rediff .com

<option value=" ">hotmail.com

</option>

</select>

<br><br>

Address:

<textarea rows=5 cols="15"></textarea>

<br><br>

Zip Code:

<input type="text">

<br><br><br><br>

<input type="submit" value="Submit" onclick="success()">


&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<input type="reset" value="Cancel">

</form>

</body>

</html>

3) Consider the string “FUNDAMENTALS OF WEB


PROGRAMMING”. Write a code in JavaScript that:-
i) Converts the string to lower case.
ii) Prints the character at 10th position on the string.

Ans.:

<html>

<head><title>String</title></head>

<body>

<script type="text/javascript">

var b = 'FUNDAMENTAL OF WEB PROGRAMMING.';

var ch;

document.write("Press 1 for conversion to lower case");

document.write("<br>");

document.write("Press 2 for fi nding the element at 10th


position");

ch=prompt("Enter ur choice ",0);

if(ch==1)
{

document.write("<br>");

document.write("Lower case is-:");

document.write("<br>");

document.write(b.toLowerCase());

else if(ch==2)

document.write("<br>");

document.write("element at 10 poistion is ");

document.write("<br>");

document.write(b.charAt(10));

</script>

</body>

</html>

PART: “B”

4. Write a program in JavaScript that prints whether a given


number is prime or not?

Ans.:

<html>

<head><title>Prime number</title></head>
<body>

<script type="text/javascript">

var i;

var count=0;

var num;

num=prompt("Enter the number",0);

for(i=2;i<=num;i++)

if(num%i==0)

count++;

if(count==1)

document.write("Number is prime");

else

document.write("Entered number is not prime");

}
</script>

</body>

</html>

5. With the help of a programming example, explain the diff erent


types of control

Structures used in JavaScript? Write a program to print fi rst ten


numbers?

Ans.:

Control structures

1. The 'if' statement

if( myVariable == 2 ) {

myVariable = 1;

} else {

myVariable = 0;

If myVariable had been 2 it would now be 1. If it had been


anything other than 2 it would now be 0.

'If' statements can also test for the occurence of a child object of
an object that may not exist. For example, some browsers
provide document.body.style while some older browsers do not
even provide document.body. In these browsers, writing
'if( document.body.style )' would just produce an error (see the
section on 'Variables' subsection 'Avoiding errors with
variables'). In order to solve this problem, we could write this:
As always, there is an exception. Nested 'if' statements like this
can start to get diffi cult to manage:

if( myVariable == 2 ) {

myVariable = 1;

} else {

if( myVariable == 5 ) {

myVariable = 3;

} else {

myVariable = 4;

2. The 'for' loop

This is one of the most common constructs in use. Typically, it is


used to cycle through the contents of an array, or to create a
specifi c number of new objects, but it can do many more useful
things if needed. The syntax of the 'for' loop is as follows:

for( starting_initialise; continue_as_long_as_condition;


do_this_each_time )

starting_initialise

This is where we defi ne new variables that you will use in the
loop, typically for use with incremental counting. As with all
variables, you must declare them (if you have not done so
already). You can defi ne multiple variables if needed, using:

var myVariable1 = value, myVariable2 = another_value;


This is where you defi ne the conditons under which the loop
should continue to execute. The syntax is exactly the same as for
the 'if' statement, so you can apply more than one continue
condition by using the && or || operators:

myVariable1 <= 5 && myVariable2 >= 70;

myVariable1++, myVariable2 -= 4

The following is a full example.

for( var myVariable = 1; myVariable <= 5; myVariable++ ) {

myArray[myVariable] = 1;

myArray[1] to myArray[5] are now 1.

a. The 'for - in' loop

The 'for - in' loop is used to cycle through all exposed properties
of an object (or array). Every time you create properties or
methods on an object, these will be added to the list of
properties that will be exposed. Most internal properties (the
ones that JavaScript creates) will also be exposed, but JavaScript
engines are allowed to hide internal properties and methods if
they want to. You should not rely on any specifi c behaviour here,
but note that some browsers will give the internal properties and
methods of intrinsic objects, and some will not.

Again, you should declare the variable names that you use, if you
have not done so already. The syntax of the 'for - in' loop is as
follows:

for( var myVariable in anObjectOrArray ) {


for( var myVariable in document ) {

document.write( myVariable + ' = ' + document[myVariable] +


'<br>' );

Note that if you use this loop on an array, it will list the
numbered and named keys, including the internal 'length'
property. It is very easy to make mistakes here, so be careful not
to mistake these property types for each other.

3. The 'while' loop

The 'while' loop is identical in behaviour to the 'for' loop, only


without the initial setup, and loop-end actions. It will continue to
run as long as the condition is satisfi ed:

var myVariable = 1;

while( myVariable <= 5 ) {

myArray[myVariable] = 1;

myVariable++;

myArray[1] to myArray[5] are now 1.

Using a feature of the increment (and decrement) operator here,


it is possible to shorten the code inside the loop to be just
'myArray[myVariable++] = 1;', and it would have exactly the same
eff ect. Firstly, it would use the value of myVariable to index the
array cell, then it would increment myVariable.
This also works in reverse; 'myArray[++myVariable] = 1;'. Firstly, it
would increment the value of myVariable, then it would use the
new value to index the array cell. If I had done this, myArray[2] to
myArray[6] would now be 1.

a. The 'do - while' loop

This is similar to the while loop, but with an important diff erence.
The condition is evaluated at the end of the loop, meaning that
even if the condition is never satisfi ed, it will still run through the
loop at least once.

var myVariable = 1;

do {

myArray[myVariable] = 1;

myVariable++;

} while( myVariable <= 5 );

myArray[1] to myArray[5] are now 1.

4. The 'switch' statement

The 'switch' statement is like repeated 'if' statements, testing a


single value to see if it matches one of a set of values:

switch(myVar) {

case 1:

//if myVar is 1 this is executed

case 'sample':

//if myVar is 'sample' (or 1, see the next paragraph)


//this is executed

case false:

//if myVar is false (or 1 or 'sample', see the next paragraph)

//this is executed

default:

//if myVar does not satisfy any case, (or if it is

//1 or 'sample' or false, see the next paragraph)

//this is executed

If a case is satisfi ed, the code beyond that case will also be
executed unless the break statement is used. In the above
example, if myVar is 1, the code for case 'sample', case false and
default will all be executed as well.

5. The quick 'if' statement

This is known as the conditional or ternary operator, and is an


easy way to assign diff erent values to a variable, depending on a
condition.

var myVariable = document.getElementById ? 1 : 0;

This is identical to:

if( document.getElementById ) {

var myVariable = 1;

} else {

var myVariable = 0;

}
PROGRAM TO PRINT THE FIRST TEN NUMBERS

<html>

<head>

<script language="Javascript">

var a=0;

var i;

var n;

n=prompt("enter the number to be checked"," ");

for(i=1;i<=n;i++)

if(n%i==0)

a++;

if(a==2)

document.write("The given nos is prime");

else

document.write("the given number is not prime"); }


</script>

</head>

</html>

6. Write a program in JavaScript that prints the following result


on the screen:

1 2

1 2 3

1 2 3 4

1 2 3 4 5

Ans.:

<html>

<head><title>Pattern</title></head>

<body>

<script type="text/javascript">

var i;

var j;

for(i=1;i<=5;i++)

for(j=1;j<=i;j++)

document.write(+j);
}

document.write("<br>");

</script>

</body>

</html>

You might also like