<html>
<body>
<script type="text/javascript">
<!--
var name = "Ali";
var amount = 2000.50;
var character='A';
var price=1200;
//-->
document.write("Name= ",name);
document.write("<br/>");
document.write("Amount= ",amount);
document.write("<br/>");
document.write("Character= ",character);
document.write("<br/>");
document.write("Price= ",price);
</script>
</body>
</html>
=>Factorial-Function
<html>
<head>
<script type="text/javascript">
function factorial(n)
{
if (n == 0)
return (1);
else {
return (n * factorial(n-1) );
}
}
</script>
</head>
<body>
<script type="text/javascript">
for (i = 0; i < 10; i++) {
document.write("<BR>",i, " factorial is ", factorial(i))
}
</script>
</body>
</html>
=>Function-1
<html>
<head>
<script type="text/javascript">
function sayHello(name, age)
{
alert( name +" is " + age + " years old.");
}
</script>
</head>
<body>
<script type="text/javascript">
sayHello('Waqar', 22 );
</script>
</body>
</html>
=>Function-2
<html>
<head>
<script type="text/javascript">
function concatenate(first, last)
{
var full;
full = first + last;
return (full);
}
</script>
</head>
<body>
<script type="text/javascript">
var result;
result = concatenate('Zara', 'Ali');
alert(result);
</script>
</body>
</html>
=>Function-3
<html>
<head>
<script language="javascript">
function myfunction(text)
{
confirm(text)
}
</script>
</head>
<body>
<form>
<input type="button" onclick="myfunction('Do you want to delete it!')"
value="Delete">
<input type="button" onclick="myfunction('Do you want to save it!')"
value="Save">
</form>
=>if-else-while-prog
<html>
<body>
<script type="text/javascript">
var basicPay=200;
var soldItem;
var itemPrice;
var totalPay;
soldItem=prompt("Enter the sold item: ");
while(soldItem!=-1)
{
if (soldItem==1)
itemPrice=239.99;
else if(soldItem==2)
itemPrice=129.75;
else if(soldItem==3)
itemPrice=99.95;
else
itemPrice=350.89;
totalPay=basicPay+(0.09*itemPrice);
document.writeln("Total Pay: $"+totalPay);
soldItem=prompt("Enter the sold item: ");
}
</script>
</body>
</html>
=>item-if-else
<html>
<body>
<script type="text/javascript">
var favoritemovie=prompt("Enter the name of your favourite movie");
switch (favoritemovie)
{
case "Titanic":
alert("Not a bad choice!")
break;
case "Water World":
alert("No comment")
break;
case "Scream 2":
alert("It has its moments")
break;
default :
alert("I\'m sure it was great");
}
</script>
</body>
</html>
=>msgbox
<HTML>
<HEAD>
<SCRIPT LANGUAGE="javascript">
function MsgBox (textstring) {
alert(textstring) }
</SCRIPT>
</HEAD>
<BODY>
<FORM>
<INPUT NAME="text1" TYPE=Text>
<INPUT NAME="submit" TYPE=Button VALUE="Show Me" onClick="MsgBox(form.text1.value)">
</FORM>
</BODY>
</HTML>
=>onclick
<html>
<head>
<script type="text/javascript">
function displaymessage()
{
alert("Hello World!");
}
</script>
</head>
<body>
<form>
<input type="button" value="Click me!" onclick="displaymessage()" />
</form>
</body>
</html>
=>onmouseover
<html>
<head>
<script type="text/javascript">
<!--
function over() {
alert("Mouse Over");
}
function out() {
alert("Mouse Out");
}
//-->
</script>
</head>
<body>
<div onmouseover="over()" onmouseout="out()">
<h2> This is inside the division </h2>
</div>
</body>
</html>
=>switch-prog
<html>
<body>
<script type="text/javascript">
var favoritemovie=prompt("Enter the name of your favourite movie");
switch (favoritemovie)
{
case "Titanic":
alert("Not a bad choice!")
break;
case "Water World":
alert("No comment")
break;
case "Scream 2":
alert("It has its moments")
break;
default :
alert("I\'m sure it was great");
}
</script>
</body>
</html>
=>Swap-values-function-call-by-ref
<html>
<head>
<body>
<script type="text/javascript">
// Defining a function to swap values
function swap_values(left, right) {
var temp;
temp = left;
left = right;
right = temp;
}
</script>
</head>
<body>
<script type="text/javascript">
var first = "Black";
var second = "White";
document.write("\nTest 1: Swapping two string variables\n");
document.write(" Before call: "+first+" | "+second+"\n");
swap_values(first,second);
document.write(" After call: "+first+" | "+second+"\n");
</script>
</body>
</html>
=>rollover-image
<script type="text/javascript">
<!--
// Pre load images for rollover
if (document.images) {
smile = new Image
nosmile = new Image
smile.src = "http://www.quackit.com/pix/smile.gif"
nosmile.src = "http://www.quackit.com/pix/nosmile.gif"
}
function swapImage(thisImage,newImage) {
if (document.images) {
document[thisImage].src = eval(newImage + ".src")
}
}
-->
</script>
<a href="http://www.quackit.com/javascript/image_rollovers.cfm"
onMouseOver="swapImage('jack','smile')"
onMouseOut="swapImage('jack','nosmile')">
<img src="http://www.quackit.com/pix/nosmile.gif"
width="100"
height="100"
border="0"
alt="Picture of Jack"
name="jack">
</a>
