Sample JavaScript Programs
1. Write event driven JavaScript program to display double of accepted number.
<html>
<head>
<script language="JavaScript">
function doub()
{
var a;
a=parseInt([Link]);
[Link]("Double = ", a*2);
}
</script>
</head>
<body>
<form name=f1>
Enter any number:<input type=text name=t1><br>
<input type="button" name="b1" value="Double" doub()">
</form>
</body>
</html>
2. Write event driven program in JavaScript to find area of triangle.
(Area =1/2 *base * height).
<html>
<head>
<script language="JavaScript">
function area()
{
var b1,h1;
b1=parseFloat([Link]);
h1=parseFloat([Link]);
[Link]("Area of Triangle = ",1/2 * b1 * h1);
}
</script>
</head>
<body>
<form name=f1>
Enter Base :<input type=text name=b><br>
Enter Height :<input type=text name=h><p>
<input type="button" name="b1" value="Find Area" > </form>
</body>
</html>
3. Write event driven program in JavaScript to accept radius from user and display
the area of circle.
<html>
<head>
<script language="JavaScript">
function circle()
{
var r;
r=parseFloat([Link]);
[Link]("Area of Circle = ",3.14*r*r);
}
</script>
</head>
<body><form name=f1>
Enter Radius:<input type=text name=r1><p>
<input type="button" name="b1" value="Find Area" > </form>
</body>
</html>
4. Write event driven program in JavaScript to find perimeter of rectangle.
(Perimeter =2 *base+2 * height).
<html>
<head>
<script language="JavaScript">
function peri()
{
var b1,h1;
b1=parseFloat([Link]);
h1=parseFloat([Link]);
[Link]("Perimeter of Rectangle = ", 2 * b1 + 2 * h1);
}
</script>
</head>
<body>
<form name=f1>
Enter Base :<input type=text name=b><br>
Enter Height :<input type=text name=h><p>
<input type="button" name="b1" value="Perimeter" > </form>
</body>
</html>
5. Write event driven program in JavaScript to find perimeter of a trapezium.
(Perimeter =a+b+c+d).
<html>
<head>
<script language="JavaScript">
function peri()
{
var a,b,c,d;
a=parseFloat([Link]);
b=parseFloat([Link]);
c=parseFloat([Link]);
d=parseFloat([Link]);
[Link]("Perimeter of Trapezium = ",a+b+c+d);
}
</script>
</head>
<body>
<form name=f1>
Length of 1st parallel side:<input type=text name=p1><br>
Length of 2nd parallel side:<input type=text name=p2><br>
Length of 1st non parallel side:<input type=text name=n1><br>
Length of 2nd non parallel side:<input type=text name=n2><p>
<input type="button" name="b1" value="Perimeter" > </form>
</body>
</html>
6. Write Event Driven program in JavaScript for subtraction of two accepted
numbers.
<html>
<head>
<script language="JavaScript">
function sub()
{
var a,b;
a=parseInt([Link]);
b=parseInt([Link]);
[Link]("Answer = ",a -b);
}
</script>
</head>
<body>
<form name=f1>
Enter 1st no: <input name=t1><br>
Enter 2nd no: <input name=t2><br>
<input type="button" name="b1" value="Subtract" > </form>
</body>
</html>
7. Write JavaScript Event Driven program to count length of given string after
clicking on button.
<html>
<head>
<script language="JavaScript">
function len()
{
var a;
a=[Link];
[Link]("Length of string = ",[Link]);
}
</script>
</head>
<body>
<form name=f1>
Enter String: <input name=t1><br>
<input type="button" name="b1" value="Get Length" > </form>
</body>
</html>
8. Write JavaScript code to accept any number and checked the number is divisible
by 5 & 7 after mouse button is clicked.
<html>
<head>
<script language="JavaScript">
function div()
{
var a;
a=parseInt([Link]);
if(a%5==0 && a%7==0)
{ [Link]("Number is divisible."); }
else
{ [Link]("Number is not divisible."); }
}
</script>
</head>
<body>
<form name=f1>
Enter Number:<input type=text name=t1><p>
<input type="button" name="b1" value="Divisible nos." > </form>
</body>
</html>
9. Write event driven JavaScript program to find greater number from three
accepted numbers.
<html>
<head>
<script language ="JavaScript">
function great()
{
var a,b,c;
a=parseInt([Link]);
b= parseInt([Link]);
c= parseInt([Link]);
[Link]("Greater number is ");
if(a>=b && a>=c)
{ [Link](a); }
else
{
if(b>=a && b>=c)
{ [Link](b); }
else
{ [Link](c); }
}
}
</script>
</head>
<body>
<form name=f1>
Enter 1st no :<input type="text" name="n1"> <br>
Enter 2nd no :<input type="text" name="n2"> <br>
Enter 3rd no :<input type="text" name="n3"> <br>
<input type="button" name="button1" value="Check" great()">
</form></body></html>
[Link] event driven program in JavaScript to display the series as 10, 9, 8.
<html>
<head>
<script language="JavaScript">
function num()
{
var i;
for(i=10;i>=1;i--)
{
[Link](i+" ");
}
}
</script></head>
<body><form name=f1>
<input type="button" name="b1" value="Show Series" > </form>
</body>
</html>
[Link] JavaScript code to print all the numbers from 10 to 50 on click event.
<html>
<head>
<script language="JavaScript">
function nos()
{
var i;
[Link]("Nos. from 10 to 50 are : <br>");
for(i=10;i<=50;i++)
{ [Link]("<br>"+i); }
}
</script></head>
<body><form name=f1>
<input type="button" name="b1" value="Numbers" > </form>
</body>
</html>
[Link] event driven program in JavaScript to display the series as 1, 3, 5,…..11.
<html>
<head>
<script language="JavaScript">
function odd()
{
var sum,i;
for(i=1;i<=11;i+=2)
{ [Link](i+" "); }
}
</script>
</head>
<body>
<form name=f1>
<input type="button" name="b1" value="Number Series" > </form>
</body>
</html>
[Link] program in JavaScript to find factorial of 5 on click event.
<html>
<head>
<script language="JavaScript">
function fact()
{
var f;
f=1;
for(i=1;i<=5;i++)
{
f=f*i;
}
[Link]("Factorial of 5 is = "+f);
}
</script>
</head>
<body>
<form name=f1>
<input type="button" name="b1" value="Factorial" > </form>
</body>
</html>
[Link] event driven JavaScript program to find factorial of accepted number.
(For ex. Factorial of 5 = 5 * 4 * 3 * 2 * 1 = 120)
<html>
<head>
<script language="JavaScript">
function fact()
{
var a,f;
f=1;
a=[Link];
for(i=1;i<=a;i++)
{
f=f*i;
}
[Link]("Factorial="+f);
}
</script>
</head>
<body>
<form name=f1>
Enter any no: <input type=text name=t1><br>
<input type="button" name="b1" value="Factorial" ></form>
</body>
</html>
