Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd
Upload
12 views

Javascript Programs with Solution

The document contains a series of event-driven JavaScript programs that demonstrate various functionalities such as displaying odd/even numbers, calculating square roots, checking for prime numbers, and more. Each program includes HTML structure and JavaScript code to handle user interactions and display results. The programs cover a range of topics suitable for learning basic JavaScript and event handling.

Uploaded by

casetooyt787
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
12 views

Javascript Programs with Solution

The document contains a series of event-driven JavaScript programs that demonstrate various functionalities such as displaying odd/even numbers, calculating square roots, checking for prime numbers, and more. Each program includes HTML structure and JavaScript code to handle user interactions and display results. The programs cover a range of topics suitable for learning basic JavaScript and event handling.

Uploaded by

casetooyt787
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/ 11

Javascript Programs with Solution:-

1) Write an event driven javascript program to display odd numbers between 50


to 100.

Solution:-

<html>
<head>
<title>Odd Numbers between 50 to 100</title>
</head>
<body>
<h3 align = "center">To display odd numbers between 50 to 100, click on this
button.</h3>
<form name = "f1">
<input type = "button" value = "Display Numbers" name = "b1" onClick =
"display()">
</form>
<script type = "text/javascript">
function display()
{
var i;
for(i=50;i<=100;i++)
{
if(i%2!= 0)
{
document.write(i + "<br>");
}
}
}
</script>
</body>
</html>

2) Write an event driven javascript program to display square root and cube root
of a number using built-in function of math object.

Solution:-

<html>
<head>
<title>Display Square root and cube root</title>
</head>
<body>
<h1 align = "center">Display Square root and cuberoot using Built-in
Object</h1>
<form name = "f1">
Enter the number:-<input type = "number" name = "t1"><br><br>
<input type = "button" name = "b1" value = "Display" onClick = "calc()">
</form>
<script type = "text/javascript">
function calc()
{
var a;
a = f1.t1.value;
document.write("Square root of number is " + Math.sqrt(a));
document.write("<br><br>Cube root of number is " + Math.cbrt(a));
}
</script>
</body>
</html>

3) Write an event driven javascript program to display factorial of 7 when the


mouse is moved on button.

Solution:-

<html>
<head>
<title>Factorial of a number</title>
</head>
<body>
<h1 align = "center">Display the factorial of 7</h1>
<form>
<input type = "button" name = "b1" value = "Display Factorial"
onMouseOver = "fact()">
</form>
<script type = "text/javascript">
function fact()
{
var i,a=7,f=1;
for(i=1;i<=a;i++)
{
f=f*i;
}
document.write("Factorial of 7 is " + f);
}
</script>
</body>
</html>

4) Write an event driven javascript program to display square of numbers from 2


to 10 on button click.

Solution:-

<html>
<head>
<title>Square of numbers from 2 to 10</title>
</head>
<body>
<h1 align = "center">To display Square of numbers from 2 to 10,
Click on Button</h1>
<form name = "f1">
<input type = "button" value = "Display square" name = "b1"
onClick = "displaysqu()">
</form>
<script type = "text/javascript">
function displaysqu()
{
var i,squ;
for(i=2; i<=10; i++)
{
squ = i*i;
document.write("<br><br>Square of " + i + " is " + squ);
}
}
</script>
</body>
</html>
5) Write an event driven javascript program to display 2 colors after every 3000
milliseconds on click of a button.

Solution:-

<html>
<head>
<title>Event-driven Program</title>
</head>
<body>
<form name = "form1">
<input type = "button" name = "b1" value = "change color"
onClick = "f1()">
</form>
<script type = "text/javascript">
function f1()
{
document.bgColor = "pink";
window.setTimeout("f2()", 3000);
}
function f2()
{
document.bgColor = "skyblue";
window.setTimeout("f1()", 3000);
}
</script>
</body>
</html>

6) Write event driven Javascript program to check whether the number is prime
number or not.

Solution:-

<html>
<head>
<title>prime Numbers</title>
</head>
<body>
<form name = "f1">
Enter the Number : <input type = "number" name = "t1"><br><br>
<input type = "button" name = "b1" Value = "Check" onClick = "checkprime()">
</form>
<script type = "text/javascript">
function checkprime()
{
var i,a,p;
a=f1.t1.value;
p=1;
for(i=2; i<a; i++)
{
if(a%i == 0)
{
p=0;
break;
}
}
if(p == 1)
document.write("Number is Prime Numbers");
else
document.write("Number is not Prime Numbers");
}
</script>
</body>
</html>

7) Write an event driven javascript program to accept number from user and
check whether it is less than 150, equal to 150 and greater than 150.

Solution:-

<html>
<head>
<title>Number Equality</title>
</head>
<body>
<form name = "f1">
Enter the number:-
<input type = "number" name = "n1"><br><br>
<input type = "button" name = "b1" value = "Dispaly Result"
onClick = "findresult()">
<script type = "text/javascript">
function findresult()
{
var a;
a = f1.n1.value;
if(a<150)
{
document.write("Given number is less than 150");
}
else if(a>150)
{
document.write("Given number is greater than 150");
}
else
{
document.write("Given number is equal to 150");
}
}
</script>
</body>
</html>

8) Write an event driven javascript program to display number sequence from


100 and 250 when the mouse is moved over a button.

Solution:-

<html>
<head>
<title>Number Sequence from 100 to 250</title>
</head>
<body>
<h1 align = "center">Number Sequence from 100 to 250</h1>
<form>
<input type = "button" value = "Display Sequence" name = "b1"
onMouseOver = "display()">
</form>
<script type = "text/javascript">
function display()
{
var i;
document.write("Number sequence is:- <br>");
for(i=100;i<=250;i++)
{
document.write(i + "<br>");
}
}
</script>
</body>
</html>

9) Write an event driven program to calculate length of the string. Accept the
string from user.

Solution:-

<html>
<head>
<title>String length</title>
</head>
<body>
<h1 align = "center">String lenth</h1>
<form name = "f1">
Enter the string:-
<input type = "text" name = "t1"><br><br>
<input type = "submit" name = "b1" value = "calculate length"
onClick = "cal()">
</form>
<script type = "text/javascript">
function cal()
{
var a,b;
a = f1.t1.value;
b = a.length;
document.write("Length of given string is "+b);
}
</script>
</body>
</html>
10) Write a Javascript program to display even numbers from 1 to 50.

Solution:-
<html>
<head>
<title>Even Number from 1 to 50</title>
<script language="javascript">
var i;
document.write("<b>" + "Even numbers from 1 to 50 are as follows:-" +
"<br><br>");
for(i=1;i<=50;i++)
{
if(i%2==0)
{
document.write(i + "<br>");
}
}
</script>
</head>
</html>

11) Write a Javascript program to display odd numbers from 1 to 50.


Solution:-
<html>
<head>
<title>Odd Number from 1 to 50</title>
<script language="javascript">
var i;
document.write("<b>" + "Odd numbers from 1 to 50 are as follows:-" +
"<br><br>");
for(i=1;i<=50;i++)
{
if(i%2!=0)
{
document.write(i + "<br>");
}
}
</script>
</head></html>
12) Write a Javascript program to display sum of even numbers from 1 to 20.
Solution:-
<html>
<head>
<title>Sum of Even Number from 1 to 20</title>
<script language="javascript">
var i,sum=0;
document.write("Even numbers from 1 to 20 are as follows:-" + "<br><br>");
for(i=1;i<=20;i++)
{
if(i%2==0)
{
document.write(i + "<br>");
sum=sum+i;
}
}
document.write("<br>Sum of even numbers between 1 to 20 is" + " " + sum);
</script>
</head>
</html>

13) Write a Javascript program to display sum of odd numbers from 1 to 20.
Solution:-
<html>
<head>
<title>Sum of Odd Number from 1 to 20</title>
<script language="javascript">
var i,sum=0;
document.write("Odd numbers from 1 to 20 are as follows:-" + "<br><br>");
for(i=1;i<=20;i++)
{
if(i%2!=0)
{
document.write(i + "<br>");
sum=sum+i;
}
}
document.write("<br>Sum of odd numbers between 1 to 20 is" + " " + sum);
</script>
</head>
</html>

14) Write event driven Javascript program to check whether the entered number is
even or odd.
Solution:-

<html>
<head>
<title>Even Or Odd Number</title>
</head>
<body>
<form name = "f1">
Enter the Number : <input type = "text" name = "t1"><br><br>
<input type = "button" name = "b1" Value = "Check" onClick = "checknumber()">
</form>
<script type = "text/javascript">
function checknumber()
{
var i,a,p;
a=f1.t1.value;
if(a%2 == 0)
{
document.write("Number is Even");
}
else
{
document.write("Number is Odd");
}
}
</script>
</body>
</html>
15) Write an event driven program to display perimeter of square. Accept the side
from the user. (perimeter = 2*side*side)
Solution:-

<html>
<head>
<title>Square calculations</title>
</head>
<body>
<h1 align = "center">Calculate the Perimeter of square</h1>
<form name = "f1">
Enter the side:-
<input type = "number" name = "n1"><br><br>
<input type = "button" name = "b1" value = "Calculate"
onClick = "calculate()">
</form>
<script type = "text/javascript">
function calculate()
{
var a,result;
a = f1.n1.value;
result = 2*a*a;
document.write("Perimeter of square is " + result);
}
</script>
</body>
</html>

You might also like