Scribd
Upload
22 views10 pages

Practical - 7: Aim: (A)

The document contains code to perform various tasks in JavaScript: 1) Take input from the user and calculate the factorial of a number using a while loop, displaying the result in an alert box. 2) Sort an array in descending order using nested for loops. 3) Create a simple calculator accepting two operands and an operator, performing the calculation using a switch case and displaying the result. 4) Validate a registration form with checks such as required fields, valid name/phone/zip format, unique emails, and alerting users of invalid entries.

Uploaded by

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

Practical - 7: Aim: (A)

The document contains code to perform various tasks in JavaScript: 1) Take input from the user and calculate the factorial of a number using a while loop, displaying the result in an alert box. 2) Sort an array in descending order using nested for loops. 3) Create a simple calculator accepting two operands and an operator, performing the calculation using a switch case and displaying the result. 4) Validate a registration form with checks such as required fields, valid name/phone/zip format, unique emails, and alerting users of invalid entries.

Uploaded by

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

Practical – 7

Aim: (A) Write a JavaScript code to perform the following tasks:


1) Take input from prompt box and calculate factorial of the number
using while loop.

2) Display the result of factorial using alert box.

3) Sort the array in descending order using for loop.

Code: 1 & 2

<html>
<head>
<script>
var a = parseInt(prompt("value"));
var fact=1;
//a=[10,20,30];
while (a >1)
{
fact=fact*a;
a=a-1;
}
document.write(fact);
console.log(fact);
alert(fact);
</script>
</head>
</html>

Code: 3

<html>
<head>
<script>

Web Designing (IT4014)


a=[1,2,3,4,5,6,7,8,9];
var i=0;
var j=0;
var temp=0;
for (i=0;i<a.length;i++)
{
for(j=i;j<a.length;j++)
{
if(a[i] < a[j])
{
temp=a[j];
a[j]=a[i];
a[i]=temp;
}
}
}
document.write(a);
</script>
</head>
</html>

Output:

1 and 2)

Web Designing (IT4014)


3) Sort the array in descending order using for loop.

Web Designing (IT4014)


Aim: (B) Create a simple calculator for addition, multiplication and
division using switch case.

Code:

<html>
<head>
<script>
var operand1 = parseInt(prompt("Enter Value 1:"));
var operand2 = parseInt(prompt("Enter Value 2:"));
var c = prompt("Enter the operator (+, -, *, /):");
var result=0;
switch(c)
{
case "+":
result = operand1 + operand2;
break;
case "-":
result = operand1 - operand2;
break;
case "*":
result = operand1 * operand2;
break;
case "/":
result = operand1 / operand2;
break;
default:
console.log("Invalid operator");
}
document.write(result)
</script>

Web Designing (IT4014)


</head>
</html>

Output:

Web Designing (IT4014)


Practical – 8
Aim: Write a code using JavaScript for validation of form to perform the
given tasks:
a) No input type must be blank or unselected.
b) Text input like name must not have numbers, Text input like phone
must not have alphabets.
c) Text input like zip must be of length six.
d) Email entered must be of given pattern.
e) Mail Address 1 must be different from Mail address 2.

Code:

<html>
<head>
<style>
form
{
border: 2px solid black;
width: 500px;
margin: 300 auto;
padding: 20px;
text-align: center;
}
</style>
</head>
<body>

Web Designing (IT4014)


<form>
<center><h1>Employee Registration Form by Nirmal</h1></center>
<label for="fname">First Name:</label>
<input type="text" id="fname" name="fname" pattern="[A-Za-z]+"
required><br><br>

<label for="lname">Last Name:</label>


<inputtype="text" id="lname" name="lname" pattern="[A-Za-z]+"
required><br><br>

<label for="zipcode">Zipcode:</label>
<input type="text" id="zipcode" name="zipcode" pattern="[0-9]{6}"
required><br><br>

<label for="email1">Email Address 1:</label>


<input type="email" id="email1" name="email1" required><br><br>

<label for="email2">Email Address 2:</label>


<input type="email" id="email2" name="email2" required><br><br>

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


</form>
<script>
function validateForm()
{
const fnameInput = document.getElementById("fname");
const zipcodeInput = document.getElementById("zipcode");
const email1Input = document.getElementById("email1");
const email2Input = document.getElementById("email2");
if (fnameInput.value.trim() === "" || /\d/.test(fnameInput.value))
{

Web Designing (IT4014)


alert("Please enter a valid first name");
return false;
}
if (zipcodeInput.value.trim() === "" || zipcodeInput.value.trim().length !== 6)
{
alert("Please enter a valid zipcode (6 digits)");
return false;
}
if (email1Input.value.trim() === email2Input.value.trim())
{
alert("Please enter two different email addresses");
return false;
}
alert("Employee registration successful");
return true;
}
</script>
</body>
</html>

Output:

A & B ) Name must be filled out and no numbers

Web Designing (IT4014)


C) Zipcode has must of length of six digits

D) Email entered must be of given pattern

Web Designing (IT4014)


E) Mail address 1 must be different from mail address 2.

Web Designing (IT4014)

You might also like