Advanced JavaScript
Switch Statement -
1.
Write JavaScript program to print marks for grade using
Switch statement.
Ans :-
Grade.html
<html>
<head>
<title>JavaScript
Switch</title>
</head>
<body>
<h1>JavaScript :
switch statement</h1>
<script
language="javascript">
var
grade=prompt("Enter the grade : ","");
switch (grade)
{
case 'A+':
alert("Marks
>= 90");
break;
case 'A':
alert("Marks
[ >= 80 and <90 ]");
break;
case 'B+':
alert("Marks
[ >= 70 and <80 ]");
break;
case 'B':
alert("Marks
[ >= 60 and <70 ]");
break;
case 'C':
alert("Marks
< 60");
break;
default:
alert("Wrong
grade.........");
}
</script>
</body>
</html>
Looping Statements –
2.
Write a JavaScript program to print table using for loop as
given format 2 x 1 = 2.
Ans :-
Table.html
<!DOCTYPE html>
<html>
<head>
<title>Table of
Given</title>
<script
type="text/javascript">
function tab()
{
var i,num;
num=document.f1.t1.value;
for(i=1;i<=10;i++)
{
document.write(num+"
x "+i+" = "+num*i+"<br>");
}
}
</script>
</head>
<body>
<form
name="f1">
Enter Number : <input
type="text" name="t1"> <br>
<input
type="submit" value="Print Table" onclick="tab()">
</form>
</body>
</html>
3.
Write a JavaScript program to find given number is prime or
not using while loop.
Ans :-
Prime.html
<html>
<head>
<title>Prime</title>
<script
language="JavaScript">
var a=prompt("enter
a value");
var c=0;
for(var j=2;j<a;j++)
{
if(a%j==0)
{
c=j;
}
}
if(c==0)
{
alert(a+" is prime
number");
}
else
{
alert(a+" is not a
prime number");
}
</script>
</head>
<body></body>
</html>
Window Object –
4.
Write JavaScript program to demonstrate properties of window
object.
Ans –
Winpro.html
<html>
<head>
<title>Windows
Property</title>
<script
language="javascript">
function nam()
{
var
myWindow=window.open("", "MsgWindow", "width = 200,
height = 100");
myWindow.document.write("<p>This
window's name is: " + myWindow.name + "</p>");
}
</script>
</head>
<body>
<form>
<p>Name
Property</p>
<input
type="Button" value="Name" onClick="nam()">
</form>
<script
language=javascript>
document.write("This
is the location of current window :
"+location.href+"<br>");
document.write("Window
is closed or not : "+window.closed+"<br>");
</script>
</body>
</html>
5.
JavaScript program to demonstrate use of window object
methods.
Ans –
Winmethod.html
<html>
<head>
<script
language="javascript">
function winalert()
{
window.alert("This
is alert Method");
}
function winopen()
{
var myWindow =
window.open("", "", "width=200, height=100");
myWindow.document.write("<p>A
new window!</p>");
}
function winblur()
{
myWindow.blur();
}
function winconfirm()
{
window.confirm("This
is confirm Method");
}
function winprompt()
{
var
thename=window.prompt("Please Enter your Name","");
window.alert("Hello!
"+thename);
}
function winclose()
{
window.close();
}
</script>
</head>
<body>
<form
name="form1">
<p>Alert
Method</p>
<input type=button
value=Alert onclick="winalert()" >
<p>Open
Method</p>
<input type=button
value=Open onclick="winopen()" >
<p>Blur
Method</p>
<input type=button
value=Blur onclick="winblur()" >
<p>Confirm
Method</p>
<input type=button
value=Confirm onclick="winconfirm()" >
<p>Prompt
Method</p>
<input type=button
value=Prompt onclick="winprompt()" >
<p>Close
Method</p>
<input type=button
value=Close onclick="winclose()" >
</form>
</body>
</html>
6.
JavaScript program to demonstrate setTimeout() method.
Ans –
timeeve.html
<!DOCTYPE html>
<html>
<head>
<title>Time
Event</title>
<script
language="JavaScript">
function t_msg()
{
var
t1=setTimeout("Msg()",3000);
}
function Msg()
{
alert("Hello every
one.....! I came after 3 seconds");
}
</script>
</head>
<body>
<form>
<input
type="button" value="Click Me" onclick="t_msg()"
/>
</form>
</body>
</html>
Input Element Events –
7.
JavaScript program to demonstrate input element events.
Ans –
Formobj.html
<html>
<head>
<title>Form
Event</title>
<script
language="javascript">
function concatenate()
{
document.form1.fulladdress.value=(document.form1.plot.value+"
"+document.form1.colony.value+"
"+document.form1.taluka.value+" "+document.form1.dist.value);
}
</script>
</head>
<body
bgcolor="orange">
<form
name="form1" onReset="confirm('You want to Clear Form')"
onSubmit="alert('Thank you ' + form1.firstname.value +'!')">
<pre>
<p>Please enter
the following information</p>
Student Name : <input
type="text" name=firstname size=20 onFocus='alert("You focused
in the textbox!!")'> <br><br>
Surname :
<input type="text" size=20 onSelect="alert('You select the
text')"><br>
Gender
: Male <input type=radio
name=r1> Female <input type=radio name=r1><br>
Address :
Plot
No. : <input type="text" size=20
name=plot onBlur="concatenate()"> Press Tab Key<br>
Colony :
<input type="text" size=20 name=colony
onBlur="concatenate()"> Press Tab Key<br>
Taluka :
<input type="text" size=20 name=taluka
onBlur="concatenate()"> Press Tab Key<br>
Dist :
<input type="text" size=20 name=dist
onBlur="concatenate()"> Press Tab Key<br>
State :
<select name=cmbstate onchange="alert('You change the Text')">
<option value=0
selected>Maharashtra</option>
<option
value=1>MadhyaPradesh</option>
<option
value=2>Gujrath</option>
<option
value=3>Rajsthan</option>
</select><br>
Correspondance Address :
<textarea
rows=5 cols=30 name=fulladdress></textarea><br>
<hr>
<input type=submit
value=Submit> <input type=reset value=Reset>
</pre>
</form>
</body>
</html>
8.
JavaScript program to demonstrate onload and onunload events.
String Object –
9.
JavaScript program to demonstrate properties and methods of
string object.
Ans –
Stringobj.html
<html>
<head>
<title>String
Object</title>
</head>
<body>
<h3>Property of
string object</h3>
<script
language="javascript">
var str="Hi, Welcome
to javascript";
document.write("<h3>The
entered string is : "+str+"</h3>")
len=str.length;
document.write("Length
of string is : "+len+"<br>")
document.write("<h3>
Methods of string object </h3>")
document.write("charAt()
Return the character at a specified position :
"+str.charAt(22)+"<br>")
document.write("indexOf()
Return the first occurance of string/char :
"+str.indexOf("a")+"<br>")
document.write("lastIndexOf()
Return the last occurance of string/char :
"+str.lastIndexOf("a")+"<br>")
document.write("substr()
Return the specified character set :
"+str.substr(8,15)+"<br>")
document.write("substring()
Return the specified character set :
"+str.substring(8,16)+"<br>")
document.write("toLowerCase()
Return string into lower case : "+str.toLowerCase()+"<br>")
document.write("toUpperCase()
Return string into Upper case :
"+str.toUpperCase()+"<br>")
</script>
</body>
</html>
Math Object –
10.
JavaScript program to
demonstrate methods of math object.
Ans –
Math.html
<!DOCTYPE html>
<html>
<head>
<title>Math Object</title>
</head>
<body>
<script
language="javascript">
document.write("<h1>
Math object Methods</h1>");
document.write("abs(x)
Method : "+Math.abs(-9.5)+"<br>");
document.write("cbrt(x)
Method : "+Math.cbrt(125)+"<br>");
document.write("Ceil(x)
Method : "+Math.ceil(4.4)+"<br>");
document.write("floor(x)
Method : "+Math.floor(4.7)+"<br>");
document.write("Max(x,y,z)
Method : "+Math.max(4,5,6)+"<br>");
document.write("Min(x,y,z)
Method : "+Math.min(4,5,6)+"<br>");
document.write("pow(x)
Method : "+Math.pow(4,3)+"<br>");
document.write("Random(x)
Method : "+Math.random()+"<br>");
document.write("Sqrt(x)
Method : "+Math.sqrt(25)+"<br>");
</script>
</body>
</html>
Date Object –
11.
Write JavaScript
program to demonstrate methods of date object.
Ans –
Date.html
Number Object –
12.
JavaScript program to
demonstrate properties and methods of number object.
Ans –
Number.html
<!DOCTYPE html>
<html>
<head>
<title>Number
Object</title>
</head>
<body>
<script
type="text/javascript">
var a,b;
a=10.20;
b="20.60";
document.write("Minimum
value : "+Number.MIN_VALUE+"<br>");
document.write("Maximum
value : "+Number.MAX_VALUE+"<br>");
document.write("isInteger
Method : "+Number.isInteger(a)+"<br>");
document.write("parseFloat
convert string in floating point number : "+parseFloat(b)+"<br>");
document.write("parseInt
convert string in whole number : "+parseInt(b)+"<br>");
document.write("isFixed
Method : "+isFixed(a)+"<br>");
</script>
</body>
</html>
Array Object –
13.
JavaScript program to
create an array.
Ans –
Array.html
<html>
<head>
<title> Array
Object </title>
<h2> An Array of
Object </h2>
<script
language="javascript">
var fruit= new
Array(6) // create array object
//var
fruit=["Apple","Mango","Pineapple"]
fruit[0] =
"Apple"
fruit[1] =
"Mango"
fruit[2] =
"Banana"
fruit[3] = "Pineapple"
fruit[4] =
"Orange"
fruit[5] =
"Grapes"
</script>
</head>
<body
bgcolor="lime">
<script
language="javascript">
//document.write("<h3>");
for(var i in fruit)
{
document.write("Fruit["
+ i + "]" + fruit[i] + "<br>");
}
</script>
</body>
</html>
14.
JavaScript program to
demonstrate properties and methods of array object.
Ans –
Arraymethod.html
<!DOCTYPE html>
<html>
<head>
<title>Array
Methods</title>
</head>
<body>
<script
type="text/javascript">
var
flowers=["Lotus","Marigold","Rose","Jasmine","Hibiscus","Dahlia"];
document.write("<h3>
Array emelents are :- </h3>"+flowers+"<br>");
document.write("Copy
elements at end to the beginning :-
"+flowers.copyWithin(0,3)+"<br>");
var
flowers=["Lotus","Marigold","Rose","Jasmine","Hibiscus","Dahlia"];
document.write("Copy
elements at beginning to the end :-
"+flowers.copyWithin(3,0)+"<br>");
var
flowers=["Lotus","Marigold","Rose","Jasmine","Hibiscus","Dahlia"];
document.write("Copy
first 3 elements at the middle :-
"+flowers.copyWithin(2,0,3)+"<br>");
document.write("Adding
an element to an array :-
"+flowers.push("Mogara")+"<br>");
document.write("Printing
the position of element :-
"+flowers.indexOf("Rose")+"<br>");
var
result=Array.isArray(flowers);
document.write("flower
is an array object :- "+result+"<br>");
document.write("Removing
the last element from an array :- "+flowers.pop()+"<br>");
document.write("Array
emelents are :- "+flowers+"<br>");
document.write("Reversing
an array element :- "+flowers.reverse()+"<br>");
document.write("Sorting
the array elements :- "+flowers.sort());
</script>
</body>
</html>
No comments:
Post a Comment