Scribd
Upload
377 views

Javascript Programs PDF

The document contains 11 JavaScript programs that demonstrate various programming concepts: 1. A mini calculator program that performs basic arithmetic operations 2. A program that checks if a number is Armstrong or not 3. A program that displays the Fibonacci series up to a given number 4. Additional programs check for the largest of three numbers, perfect numbers, palindromes, strong numbers, prime numbers, and sorting and summing values.

Uploaded by

Ravi Shankar
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
377 views

Javascript Programs PDF

The document contains 11 JavaScript programs that demonstrate various programming concepts: 1. A mini calculator program that performs basic arithmetic operations 2. A program that checks if a number is Armstrong or not 3. A program that displays the Fibonacci series up to a given number 4. Additional programs check for the largest of three numbers, perfect numbers, palindromes, strong numbers, prime numbers, and sorting and summing values.

Uploaded by

Ravi Shankar
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 18

JAVASCRIPT PROGRAMS

Conditional Statements:
1. Javascript program on arithmetic operations
<html>
<head><title>Arithmetic Operations</title>
<script language = "javascript">
var res;
function add()
{
var s1 = parseInt(document.f1.t1.value);
var s2 = parseInt(document.f1.t2.value);
res = s1+ s2;
document.f1.res.value = res;
}
function sub()
{
var s1 = parseInt(document.f1.t1.value);
var s2 = parseInt(document.f1.t2.value);
res = s1- s2;
document.f1.res.value = res;
}
function mul()
{
var s1 = parseInt(document.f1.t1.value);
var s2 = parseInt(document.f1.t2.value);
res = s1 * s2;
document.f1.res.value = res;
}
function div()
{
var s1 = parseInt(document.f1.t1.value);
var s2 = parseInt(document.f1.t2.value);
res = s1/ s2;
document.f1.res.value = res;
}
</script></head>
<body>
<br><br><br><h2>MINI CALCULATOR PROGRAM</h2>
<br><br><form name = "f1">
<font size = 03 face = "Courier New">
<b>Enter first number : <input type = "text" size = "10" name = "t1"><br><br>
Enter second number : <input type = "text" size = "10" name = "t2"><br><br>
Result is : <input type = "text" size = "10" name = "res">
<br><br></b></font>
<INPUT TYPE="button" value="Addition" onclick = "add()">
<INPUT TYPE="button" value="Subtraction" onclick = "sub()">
<INPUT TYPE="button" value="Multiplication" onclick = "mul()">
<INPUT TYPE="button" value="Division" onclick = "div()">
</form>
</body></html>

2. Program to check whether given number is armstrong or not


<html>
<head><title>Armstrong Number</title>
<script language = "javascript">
var x, y, sum=0, k;
y = x;
function arm()
{
x = parseInt(document.fr.n.value);
while(x!=0)
{
k = parseInt(x)%10;
x = Math.floor(x/10);
sum = sum+Math.pow(k,3);
}
if(sum == y)
window.alert("Number is armstrong");
else
window.alert("Number is not armstrong");
}
</script></head>
<body>
<br><br><br>
<h2>Program to find whether given number is armstrong or not</h2>
<br><br><br><h4>Output Shield</h4>
<form name="fr"><font size = 04 face = "Bookman Old Style">
Enter Number: <input type = "text" size = "15" name = "n">
<br><br><br>
<input type = "button" value = "Check" onclick = "arm()">
</font>
</form></body></html>

3. Program to display fibonacci series


<html>
<head><title>Fibonacci Series</title>
<script language = "javascript">
var f1 = 0, f2 = 1, f3 = 0, n;
function fibo()
{
var n = parseInt(document.fo.nn.value);
document.write("<h1>"+f1);
do
{
f1 = f2;
f2 = f3;
f3 = f1+ f2;
document.write("<h1> "+f3+" ");
}
while(f3 < n);
}
</script></head>
<body>
<br><br><br><br>
<h2>Program to display n below Fibonacci series</h2>
<br><br><h3>Ouput Shield</h3>
<br><br><font size = 04 face = "Bookman Old Style">
<form name = "fo">
Enter number : <input type = "text" size = "12" name = "nn">
<br><br><br>
<input type = "button" value = "Display" onclick = "fibo()">
</font>
</form></body></html>

4. Program to display the largest number


<html>
<head><title>Output to find the largest of three numbers</title>
<script language = "javascript">
function largest()
{
var a, b, c;
a = parseInt(document.lar.fir.value);
b = parseInt(document.lar.sec.value);
c = parseInt(document.lar.thd.value);
if (a>b && a>c)
{
window.alert("The largest number is "+a+"");
}
if (b>c && b>a)
{
window.alert("The largest number is " +b);
}
if (c>a && c>b)
{
window.alert("The largest number is " +c);
}
}
</script></head>
<body>
<br><br><br>
<h1>Program to find the largest of three numbers</h1>
<br><br><h3>Output Shield</h3><br>
<form name = "lar">
<font size = 04 face = "Bookman Old Style">
Enter first number : <input type = "text" size = 15 name = "fir"><br>
<br>Enter second number : <input type = "text" size = 15 name = "sec"><br>
<br>Enter third number : <input type = "text" size = 15 name = "thd"><br><br><br>
<input type = button value = "Find Largest" onclick = "largest()">
</font>
</form></body></html>

5. Program to check whether given number is perfect or not


<html>
<head><title>Perfect Number</title>
<script language = "javascript">
var n, sum=0, k;
i=1;
function perfect()
{
x = parseInt(document.fr.n.value);
while(i <= n/2)
{
if(n%i == 0)
sum = sum+i;
i++;
}
if(sum == n)
window.alert("Number is perfect");
else
window.alert("Number is not perfect");
}
</script></head>
<body>
<br><br><br>
<h2>Program to find whether given number is perfect or not</h2>
<br><h3>Output Shield</h3><br><br>
<form name="fr">
<font size = 04 face = "Bookman Old Style">
Enter Number: <input type = "text" size = "15" name = "n">
<br><br><br>
<input type = "button" value = "Check" onclick = "perfect()">
</font>
</form></body></html>

6. Program to check whether a given number is palindrome or not


<html>
<head><title>Number Palindrome</title>
<script language = "javascript">
var x, p, sum = 0, r;
function palincheck()
{
p = parseInt(document.pal.num.value);
x = p;
window.alert("Given number is " + p);
while(p > 0)
{
sum = sum * 10;
sum = sum + parseInt(p%10);
p = parseInt(p/10);
}
window.alert("The Reverse number is " + sum);
if (x == sum)
window.alert(sum + " is Palindrome");
else
window.alert(sum + " is not palindrome");
}
</script></head>
<body>
<br><br><br>
<h2>Program to find whether the given number is palindrome or
not</h2><br><br><h3>Output Shield</h3><br>
<form name = "pal">
<font size = 04 face = "Bookman Old Style">
Enter number : <input type = "text" size = 15 name = "num"><br>
<br><br><input type = button value = "Check" onclick = "palincheck()">
</font>
</form></body></html>

7. Program to check whether a given number is strong or not


<html>
<head><script language="javascript">
var x,n,sum,fact,rem;
x=parseInt(window.prompt("Enter a number:", "0"));
n=x;
sum=0;
while(x!=0)
{
rem=x%10;
fact=1;
while(rem!=0)
{
fact=fact*rem;
rem--;
}
sum=sum+fact;
x=Math.floor(x/10);
}
if(sum==n)
document.write("<h1>Number is strong");
else
document.write("<h1>Number is not strong");
</script></head></html>

8. Program to display n below prime numbers


<html>
<head><title>Prime Numbers</title>
<script language = "javascript">
var n, i = 2, j = 1;
function prime()
{
n = parseInt(document.fr.n1.value);
for (i = 2; i<=n; i++)
{
var c = 0;
for(j = 1; j<=n; j++)
{
if(i % j == 0)
c++;
}
if(c == 2)
document.writeln(" "+i+" ");
}
}
</script></head>
<body>
<br><br><br><br>
<h2>Program to display n below prime numbers</h2>
<br><br>
<h4>Output Shield</h4>
<br><br>
<font size = 04 face = "Bookman Old Style"><form name = "fr">
Enter number : <input style = "text" name = "n1" size = 12>
<br><br><input type = "button" value = "Display" onclick = "prime()">
</form>
</body>
</html>

9. Program to check whether a given number is prime or not


<html>
<head><title>Check for Prime Number</title>
<script language = "javascript">
var n, i = 1, c = 0;
function check()
{
n = parseInt(document.fr.n1.value);
while(i<=n)
{
if(n%i == 0)
c++;
i++;
}
if(c <= 2)
document.write("<h1>Prime</h1>");
else
document.write("<h1>Not Prime</h1>");
}
</script></head>
<body>
<br><br><br><br>
<h2>Program to check whether the given number is prime or not</h2>
<br><br><h4>Output Shield</h4><br><br>
<font size = 04 face = "Bookman Old Style"><form name = "fr">
Enter number : <input style = "text" name = "n1" size = 12>
<br><br><input type = "button" value = "Check" onclick = "check()">
</form>
</body></html>

10. Program to sort three numbers in ascending order


<html>
<head><title>Output to sort three numbers in ascending order </title>
<script language = "javascript">
function sort()
{
var a, b, c, i=1, sum;
a = parseInt(document.asc.fir.value);
b = parseInt(document.asc.sec.value);
c = parseInt(document.asc.thd.value);
sum = a+b+c;
while(i<=sum)
{
if(i == a||i == b||i == c)
document.write(" "+i+" ");
i++;
}
}
</script></head>
<body>
<br><br><br>
<h1>Program to arrange 3 numbers in ascending order</h1>
<br><br><h3>Output Shield</h3><br><form name = "asc">
<font size = 04 face = "Bookman Old Style">
Enter first number : <input type = "text" size = 15 name = "fir"><br>
<br>Enter second number : <input type = "text" size = 15 name = "sec"><br>
<br>Enter third number : <input type = "text" size = 15 name = "thd"><br><br><br><input
type = button value = "Sort" onclick = "sort()">
</font>
</form></body></html>

11. Program to display sum of n below numbers


<html>
<head><title>Numbers Sum</title>
<script language = "javascript">
var n, sum = 0;
function add()
{
n = parseInt(document.fr.n1.value);
while(n!=0)
{
sum = sum + n;
n--;
}
document.write("<h2><b>The sum of n below numbers = </b>" +sum);
}
</script></head>
<body>
<br><br><br><br><h2>Program to display n below numbers sum</h2>
<br><br><h4>Output Shield</h4><br><br>
<font size = 04 face = "Bookman Old Style"><form name = "fr">
Enter number : <input style = "text" name = "n1" size = 12>
<br><br><input type = "button" value = "Display" onclick = "add()">
</form>
</body></html>

12. Program to display nth table


<html>
<head><title>Mutliplication table</title>
<script language = "javascript">
var a, i=1;
function table()
{
a = parseInt(document.fr.n.value);
do
{
document.write("<h3>"+a+" X "+i+" = "+a*i+"<\h3>");
i++;
}
while(i<=10);
}
</script></head>
<body>
<br><br><br><h2>Program to display the nth table</h2>
<br><h3>Output Shield</h3><br><br><form name="fr">
<font size = 04 face = "Bookman Old Style">
Enter Number: <input type = "text" size = "15" name = "n">
<br><br><br>
<input type = "button" value = "Display Table" onclick = "table()">
</font>
</form></body></html>
13. Program to find factorial of a given number
<html>
<head><title>Factorial of a number</title>
<script language = "javascript">
var a, i;
f=1;
function fact()
{
a = parseInt(document.fr.n1.value);
for(i=a;i>=1;i--)
{
f = f * i;
}
document.write("<h1>The factorial of given number is " + f);
}
</script></head>
<body>
<br><br><br><br><h2>Program to find factorial of a given number</h2>
<br><br><h4>Output Shield</h4><br><br>
<font size = 04 face = "Bookman Old Style"><form name = "fr">
Enter number : <input style = "text" name = "n1" size = 12>
<br><br><input type = "button" value = "Factorial" onclick = "fact()">
</form>
</body></html>

14. Program for reversing a number


<html>
<head><title>Reverse a number</title>
<script language = "javascript">
var n, v=0, r;
function reverse()
{
n = parseInt(document.fr.n1.value);
while(n > 0)
{
v = v * 10;
v = v + parseInt(n%10);
n = parseInt(n/10);
}
document.write("<h1>The Reverse number is " + v);
}
</script></head>
<body>
<br><br><br><br><h2>Program for reversing a given number</h2>
<br><br><h4>Output Shield</h4><br><br>
<font size = 04 face = "Bookman Old Style">
<form name = “fr">
Enter number : <input style = "text" name = "n1" size = 12>
<br><br><input type = "button" value = "Reverse" onclick = "reverse()">
</form>
</body></html>

Examples on Arrays:
1. Program to input n numbers display in sorting order
<html>
<head><script language = "javascript">
var n, i, j, temp;
n = parseInt(window.prompt("Enter value of n:", "0"));
var a = new Array(n);
for(i=0; i<n; i++)
a[i] = parseInt(window.prompt("Enter "+i+"th element:", "0"));
for(i=0; i<n-1; i++)
{
for(j=i+1; j<n; j++)
{
if(a[i]>a[j])
{
temp = a[i];
a[i] = a[j];
a[j] = temp;
}
}
}
document.write("<h1>Sorted elements are:</h1>");
for(i=0; i<n; i++)
document.write("<h1>"+a[i] + " ");
</script></head>
</html>

2. Program to input n numbers apply binary search


<html>
<head><script language = "javascript">
var j, n, num, mid, s=0, e;
n = parseInt(window.prompt("Enter number:"));
var item = new Array(n);
for(j=0; j<n; j++)
{
item[j] = parseInt(window.prompt("Enter "+j+"th element:"));
}
num = parseInt(window.prompt("Enter element to be searched:"));
e = n-1;
mid = Math.floor((s+e)/2);
while(num != item[mid] && s<=e)
{
if(num>item[mid])
s = mid+1;
else
e = mid-1;
mid = Math.floor((s+e)/2);
}
if(num == item[mid])
document.write("<br><h1>"+num+" is found at position "+(mid+1)+"<br>");
if(s>e)
document.write("<br><h1>"+num+" is not found.</h1>"+"<br>");
</script></head>
</html>

3. Program for matrix multiplication


<html>
<head><script language = "javascript">
var a,b,c,i,j,k,m,n,p,q;
var s = " ";
m = parseInt(window.prompt("Enter no.of rows for matrix A: "));
n = parseInt(window.prompt("Enter no.of columns for matrix A: "));
p = parseInt(window.prompt("Enter no.of rows for matrix B: "));
q = parseInt(window.prompt("Enter no.of columns for matrix B: "));
a = new Array(m);
for(i=0; i<m; i++)
a[i] = new Array(n);
b = new Array(p);
for(i=0; i<p; i++)
b[i] = new Array(q);
c = new Array(m);
for(i=0; i<m; i++)
c[i] = new Array(q);
if(p == n)
{
for(i=0; i<m; i++)
{
for(j=0; j<n; j++)
a[i][j] = parseInt(window.prompt("Enter matrix A elements:"));
}
for(i=0; i<p; i++)
{
for(j=0; j<q; j++)
b[i][j] = parseInt(window.prompt("Enter matrix B elements:"));
}
for(i=0; i<m; i++)
{
for(j=0;j<q; j++)
{
c[i][j] = 0;
for(k=0; k<n; k++)
c[i][j] = c[i][j] + (a[i][k] * b[k][j]);
}
}
document.write("<h1>Matrix is <br>" );
document.write("<br>");
for(i=0; i<m; i++)
{
for(j=0; j<q; j++)
{
document.write("<h1>"+c[i][j]+" </h1>");
document.write("<br>");
}
}
}
else
document.write("<h1>Matrix Multiplication not possible</h1>");
</script></head>
</html>

4. Program to input n elements display their sum


<html>
<head><script language = "javascript">
var a = new Array(10);
var s = 0, i;
for (i=0; i<a.length; i++)
a[i] = parseInt(window.prompt("Enter the numbers:","0"));
for(i=0; i<a.length; i++)
s = s + a[i];
document.write("<h1>Sum = " + s);
</script></head>
</html>

5. Program to display the largest number


<html>
<head><script language = "javascript">
var n, i, max;
function max()
{
n = parseInt(document.fr.n1.value);
var a = new Array(n);
for (i=0; i<a.length; i++)
{
a[i] = parseInt(window.prompt("Enter the numbers:", "0"));
}
max = parseInt(a[0]);
for(i=1; i<n; i++)
{
if(a[i] > max)
max = parseInt(a[i]);
}
document.write("<h1>Maximum value = " + max);
}
</script></head>
<body>
<br><br><h1>Program to input n elements to find the maximum value</h1>
<br><br><h3>Output Shield</h3><br><br>
<form name ="fr"><h4> Enter number: <input type = "text" size = 12 name = "n1">
<br><br><input type = "Button" value = "Find" onclick = "max()">
</form>
</body></html>

6. Program to input a matrix and display its transpose


<html>
<head><script language = "javascript">
var a = new Array(3);
var i, j, t;
for(i=0; i<3; i++)
a[i] = new Array(3);
for(i=0; i<3; i++)
{
for(j=0; j<3; j++)
a[i][j] = parseInt(window.prompt("Enter matrix elements:", "0"));
}
for(i=0; i<3; i++)
{
for(j=1; j<3; j++)
{
if(i != j)
{
t = a[i][j];
a[i][j] = a[j][i];
a[j][i] = t;
}
}
}
document.write("<h1>Transpose of given matrix:");
for(i=0; i<3; i++)
{
for(j=0; j<3; j++)
{
document.write("<h1>"+a[i][j]+" </h1>");
document.write("<br>");
}
}
</script></head>
</html>

To obtain date and time of a system using Date function:


1. Program for date and time in head tag.
<html>
<head>
<pre>
<script language = “javascript”>
var mydate = new Date();
document.write(“Today is : ”, +mydate.toString());
</script>
</pre></head>
</html>

2. Program for date and time in body tag and script in head tag.
<html>
<head><pre>
<script language = "javascript">
function start()
{
var mydate = new Date();
c.innerText= "Today is : "+mydate.toString();
}
</script>
</pre></head>
<body bgcolor = "wheat" onload="start()">
<font face = verdana size = 3 color = darkblue>
<h3 id = c></h3></font>
</body>
</html>

3. Program for Clock created with timing event


<html>
<head><script type="text/javascript">
function startTime()
{
var today=new Date();
var h=today.getHours();
var m=today.getMinutes();
var s=today.getSeconds();
// add a zero in front of numbers<10
m=checkTime(m);
s=checkTime(s);
document.getElementById('txt').innerHTML=h+":"+m+":"+s;
t=setTimeout('startTime()',500);
}
function checkTime(i)
{
if (i<10)
{
i="0" + i;
}
return i;
}
</script></head>
<body onload="startTime()">
<div id="txt"></div>
</body>
</html>

4. JavaScript clock and date example


<HTML>
<head><script Language="JavaScript">
<!-- Hide me
function gettheDate()
{
Todays = new Date();
TheDate = "" + (Todays.getMonth()+ 1) +" / "+ Todays.getDate() + " / " +
Todays.getYear();
document.clock.thedate.value = TheDate;
}
var timerID = null;
var timerRunning = false;
function stopclock ()
{
if(timerRunning)
clearTimeout(timerID);
timerRunning = false;
}
function startclock ()
{
stopclock();
gettheDate()
showtime();
}
function showtime ()
{
var now = new Date();
var hours = now.getHours();
var minutes = now.getMinutes();
var seconds = now.getSeconds()
var timeValue = "" + ((hours >12) ? hours -12 :hours)
timeValue += ((minutes < 10) ? ":0" : ":") + minutes
timeValue += ((seconds < 10) ? ":0" : ":") + seconds
timeValue += (hours >= 12) ? " P.M." : " A.M."
document.clock.face.value = timeValue;
// you could replace the above with this
// and have a clock on the status bar:
// window.status = timeValue;
timerID = setTimeout("showtime()",1000);
timerRunning = true;
}// end Hide -->
</script><TITLE>Clock and date example</TITLE></HEAD>
<BODY BACKGROUND="../images/bnd_wire.jpg" TEXT="#000000" onLoad="startclock()">
<HR><center><font size=6>The javascript clock and date example
<TABLE Border=0><TR><TD><center>
<form name="clock" onSubmit="0">Time<BR>
<input type="text" name="face" size=12 value=""></TD><TD>
<center><BR>Date<BR><input type="text" name="thedate" size=12 value="">
</form></TD></TR></TABLE>
</BODY>
</HTML>

JavaScript Programs on Images


1. JS Program to change height and width of the image
<html>
<head><script type="text/javascript">
function changeSize()
{
document.getElementById("compman").height="250";
document.getElementById("compman").width="300";
}
</script></head>
<body>
<img id="compman" src="compman.gif" width="107" height="98" />
<br /><br />
<input type="button" onclick="changeSize()" value="Change height and width of image">
</body>
</html>

2. JS Program to change src of the image


<html>
<head>
<script type="text/javascript">
function changeSrc()
{
document.getElementById("myImage").src="hackanm.gif";
}
</script></head>
<body>
<img id="myImage" src="compman.gif" width="107" height="98" />
<br /><br />
<input type="button" onclick="changeSrc()" value="Change image">
</body>
</html>

3. JS Program to identify the position values on the image or document on mouse


move.
<html>
<head>
<script language = "javascript">
function disp()
{
c.innerText = event.offsetX + ";" + event.offsetY;
}
function print()
{
window.alert("MOUSE IS ON THE IMAGE");
}
</script></head>
<body onmousemove = "disp()">
<img src = "na.bmp" width = 500 height = 500 onmouseover = "print()"><br>
<font size = 6>Mouse Moving on image or document at <h3 id = c></h3>
</body>
</html>

# JavaScript program for table of factorials.


<HTML>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
document.write("<center><h2>Table of Factorials</h2>");
for(i = 1, fact = 1; i < 51; i++, fact *= i) {
document.write(i + "! = " + fact);
document.write("<br>");
}
</SCRIPT>
</BODY>
</HTML>

# Program for internal links


<html>
<body>
<a name=”first”>
This is the first anchor
<ol>
<li>Sunday
<li>Monday
<li>Tuesday
<li>Wednesday
<li>Thursday
<li>Friday
<li>Saturday
</ol>
<a name = “second”>
This is the second anchor
<ul>
<li>IceCream
<li>Meals
<li>Tiffin
<li>Movie
<li>Games
<li>Swimming
</ul>
<a href=”#first”>Return to the First Anchor</a><br>
<a href=”#second”>Return to the Second Anchor</a><br>
</body>
</html>
# BLINKING OF TITLES
<script language=javascript>
function titlebar(val)
{
var msg = "Your message here --- hscripts.com";
var speed = 500;
var pos = val;

var msg1 = " ****** "+msg+" ******";


var msg2 = " ------- "+msg+" -------";

if(pos == 0){
masg = msg1;
pos = 1;
}
else if(pos == 1){
masg = msg2;
pos = 0;
}

document.title = masg;
timer = window.setTimeout("titlebar("+pos+")",speed);
}
titlebar(0);
</script>

Other JAVASCRIPT programs

1. Program to assign value to text field and display.


<html>
<head>
<title>Assigning Value on the Fly to a TextField</title>
</head>
<body bgcolor="aquamarine">
<font face=arial size="+1">
<form name="form1">
Enter your name:
<input type="text" name="yourname" size=60>
<p>Click in the box
<input type="text" name="message" size=60
onClick="this.value='Greetings and Salutations, '+document.form1.yourname.value+ '!';">
<p><input type="reset"></form>
</body>
</html>

2. Program for verifying a name.


<html>
<head>
<title>Verifying a Name</title>
<script language="JavaScript">
function validate(form)
{
if(alpha(form.first) == false){
alert ("First name is invalid");
return false;
}
if(alpha(form.last) == false){
alert("Last name is invalid");
return false;
}
return true;
}
function alpha(textField )
{
if( textField.value.length != 0){
for (var i = 0; i < textField.value.length;i++)
{
var ch= textField.value.charAt(i);
if((ch < "A" || ch > "Z") && (ch< "a" || ch >"z"))
{
return false;
}
}
}
else {
return true;
}
}
</script>
</head>
<body bgcolor="lightgreen">
<font face=verdana><b>
<form name="alphachk" onSubmit="return validate(this);">
Enter your first name:<br>
<input name="first" type="text" size=60>
<p>Enter your last name:<br>
<input name="last" type="text" size=60><p>
<input type=submit value="Check it out">
<input type=reset></form>
</body>
</html>

3. Program to verify email ID.


<html>
<head><title>Checking Email</title>
<script language="JavaScript">
function email(form)
{
if(form.address.value.indexOf("@") != -1 && form.address.value.indexOf(".") != -1)
{
alert("OK address!");
return true;
}
else {
alert("Invalid address");
return false;
}
}
</script>
</head>
<body bgcolor="lightgreen">
<font face=verdana><b><center>
<form name="mailchk" action="/cgi-bin/ml.pl" method="post" onSubmit="return
email(this);">
Enter your email address:<p>
<input name="address" type="text" size=60><p>
<input type=submit value="Check it out">
<input type=reset>
</form></center>
</body>
</html>

4. Program to verify a password.


<html>
<head><title>Verifying a Password</title>
<script language="JavaScript">
function valid(form)
{
if( form.pass.value.length == 0 ){
alert("Please enter a password");
return false;
}
if( form.pass.value.length < 6 ){
alert("Password must be at least 6 characters");
return false;
}
for (var i = 0; i < form.pass.value.length;i++){
var ch= form.pass.value.charAt(i);
if((ch < "A" || ch > "Z") && (ch< "a" || ch >"z")
&& (ch < "0" || ch > "9")){
alert("Password contains illegal characters");
return false;
}
}
alert("OK Password");
return true;
}
</script></head>
<body bgcolor="red">
<font face=verdana><b><center>
<form name="passchk" onSubmit="return valid(this);">
Enter your password:<br>
<input name="pass" type="password" size=33><p>
<input type=submit value="Submit Password">
<input type=reset></form>
</center>
</body>
</html>

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy