Scribd
Upload
4 views

Module 4.2 Java Script Programs

Uploaded by

shefaligupta0408
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
4 views

Module 4.2 Java Script Programs

Uploaded by

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

Java Script Programs

1. Create a web app to perform arithme c opera ons


<html>
<head>
< tle> Arithme c Opera ons</ tle>
<script language="javascript">
func on add(){
a=Number(document.getElementById("n1").value);
b=Number(document.getElementById("n2").value);
document.getElementById("result").innerHTML=a+b;
}
func on sub(){
a=Number(document.getElementById("n1").value);
b=Number(document.getElementById("n2").value);
document.getElementById("result").innerHTML=a-b;
}
func on mul(){
a=Number(document.getElementById("n1").value);
b=Number(document.getElementById("n2").value);
document.getElementById("result").innerHTML=a*b;
}
func on div(){
a=Number(document.getElementById("n1").value);
b=Number(document.getElementById("n2").value);
document.getElementById("result").innerHTML=a/b;
}
</script>
</head>
<body>
<form>
First Num:<input type="text" id="n1">
Second Num:<input type="text" id="n2">
<br><br>
<input type="bu on" value="Add" onclick="add()">
<input type="bu on" value="Subtract" onclick="sub()">
<input type="bu on" value="Mul ply" onclick="mul()">
<input type="bu on" value="Divide" onclick="div()">
<p id="result"> Result.....</p>
</form>
</body>
</html>

2. To reverse a number
<html>
<head>
< tle> Reverse Numbers</ tle>
<script language="javascript">
func on f1(){
n=Number(document.getElementById("n1").value);
r=0;
while(n>0)
{
t=n%10;
n=parseInt(n/10);
r=r*10+t;
}
document.getElementById("p1").innerHTML=r;
}
</script>
</head>
<body>
<form>
Number <input type="text" id="n1">
<input type="bu on" value="Reverse" onclick="f1()">
</form>
<p id="p1"> Result....</p>
</body>
</html>

3. To find the sum of digits in a number


<html>
<head>
< tle> Sum of digits of a Number</ tle>
<script language="javascript">
func on f1(){
n=Number(document.getElementById("n1").value);
sum=0;
while(n>0)
{
t=n%10;
n=parseInt(n/10);
sum+=t;
}
document.getElementById("p1").innerHTML=sum;
}
</script>
</head>
<body>
<form>
Number <input type="text" id="n1">
<input type="bu on" value="Sum" onclick="f1()">
</form>
<p id="p1"> Result....</p>
</body>
</html>

4. To find the sum of n natural numbers

<html>
<head>
< tle> Sum of N Natural Number</ tle>
<script language="javascript">
func on f1(){
n=Number(document.getElementById("n1").value);
sum=0;
for(i=1;i<=n;i++)
sum+=i;
document.getElementById("p1").innerHTML=sum;
}
</script>
</head>
<body>
<h1> Sum of N natural numbers</h1>
<form>
N <input type="text" id="n1">
<input type="bu on" value="Sum" onclick="f1()">
</form>
<p id="p1"> Result....</p>
</body>
</html>

5. To calculate the factorial of a number


<html>
<head>
< tle> Factorial of a Number</ tle>
<script language="javascript">
func on f1(){
n=Number(document.getElementById("n1").value);
f=1;
for(i=1;i<=n;i++)
f*=i;
document.getElementById("p1").innerHTML=f;
}
</script>
</head>
<body>
<form>
N <input type="text" id="n1">
<input type="bu on" value="Factorial" onclick="f1()">
</form>
<p id="p1"> Result....</p>
</body>
</html>

6. To check whether a number is prime or not


<html>
<head>
< tle> Prime Numbers</ tle>
<script language="javascript">
func on f1(){
a=Number(document.getElementById("n1").value);
for(i=2;i<=a-1;i++)
{
if(a%i==0)
{
break;
}
}
if (i<=a-1){
document.getElementById("p1").innerHTML="Not Prime" ;
}
else{
document.getElementById("p1").innerHTML="Prime" ;
}
}
</script>
</head>
<body>
<form>
N1 <input type="text" id="n1">
<input type="bu on" value="Check" onclick="f1()">
</form>
<p id="p1"> Result....</p>
</body>
</html>

7. To display all prime numbers between 1 and 100


<html>
<head>
< tle> Prime Numbers</ tle>

</head>
<body>
<script language="javascript">
for(n=2;n<=100;n++)
{
isPrime=0;
for(i=2;i<=n-1;i++)
{
if(n%i==0)
{
isPrime=1;
}
}
if (isPrime==0){
document.write(n+"<br>") ;
}
}
</script>
</body>
</html>

8. To generate the Fibonacci series


<html>
<head>
< tle> Fibonacci Series </ tle>
</head>
<body>
<script language="javascript">
document.write(0 + "<br/>");
document.write(1 + "<br/>");
a=0;
b=1;
do
{
c=a+b;
document.write(c + "<br/>");
a=b;
b=c;
}
while (c<=200);
</script>
</body>

</html>

9. To check whether a year is a leap year or not.


<html>
<head>
< tle> Leap Year </ tle>
<script language="javascript">
func on f1(){
a=Number(document.getElementById("n1").value);
if ((a%400==0)||(a%4==0 && a%100!=0)){
document.getElementById("p1").innerHTML="Leap Year" ;
}
else{
document.getElementById("p1").innerHTML="Not LeapYear" ;
}
}
</script>
</head>
<body>
<form>
Year <input type="text" id="n1">

<input type="bu on" value="Check" onclick="f1()">


</form>
<p id="p1"> Result....</p>
</body>
</html>

10. Create a web app to convert $ into ₹

<html>
<head>
< tle> Convert Dollar into INR</ tle>
<script language="javascript">
func on f1(){
d=Number(document.getElementById("n1").value);
r= d*83.22;
document.getElementById("p1").innerHTML=r;
}
</script>
</head>
<body>
<form>
Amount in Dollar <input type="text" id="n1">
<input type="bu on" value="Convert" onclick="f1()">
</form>
Amount in INR
<p id="p1"> Result....</p>
</body>
</html>

11. Create a web app to calculate simple interest


<html>
<head>
< tle>Simple Interest</ tle>
<script language="javascript">
func on f1(){
p=Number(document.getElementById("p").value);
r=Number(document.getElementById("r").value);
t=Number(document.getElementById("t").value);
SI= p*r*t/100;
document.getElementById("p1").innerHTML=SI;
}
</script>
</head>
<body>
<form>
Principle Amount P <input type="text" id="p"><br><br>
Rate of Interest R <input type="text" id="r"><br><br>
Time T <input type="text" id="t"><br><br>
<input type="bu on" value="Calculate" onclick="f1()">
</form>
Simple Interest
<p id="p1"> Result....</p>
</body>
</html>

12. Create an HTML form with valida on


<html>
<head>
< tle> HTML Form with Valida on</ tle>
<script>
func on validateform(){
var name=document.myform.name.value;
var password=document.myform.password.value;

if (name==null || name==""){
alert("Name can't be blank");
return false;
}else if(password.length<6){
alert("Password must be at least 6 characters long.");
return false;
}
else{
alert("Registered Successfully");
}
}
</script>
</head>
<body>
<form name="myform" method="post" ac on="" onsubmit="return validateform()" >
Name: <input type="text" name="name"><br/>
Password: <input type="password" name="password"><br/>
<input type="submit" value="register">
</form>

</body>
</html>

You might also like