Java Script-Basic
Data types, Conditions, Loops
Example:1
<!DOCTYPE html>
<html>
<head>
<title>JS Example</title>
<script type="text/javascript">
/*
document.getElementById("demo").innerHTML = "My First JavaScript";*/
document.writeln("Hello");
var a=10; b=20;
var total=a+b;
document.writeln("Addition of two number" +total);
</script>
</head>
<body>
</body>
</html>
Example:2
<!DOCTYPE html>
<html>
<head>
<title>JS Example</title>
<script type="text/javascript">
//document.getElementById("demo").innerHTML = "My First JavaScript";
document.writeln("Hello"+"</br>");
document.writeln("Hello"+"</br>");
document.writeln("Hello"+"</br>");
var myobj;
myobj=new Date();
myobj1=null;
document.write("myobj=" +typeof(myobj1)+"</br>");
var mynumber;
//var str="IT";
document.write("mynumber=" +typeof(mynumber)+"</br>");
var a=10;
var b="hello";
c=a*b;
document.write(c);
document.write("<br/>"+"output:"+parseInt("12pqr"));
document.write("<br/>"+"output:"+parseFloat("12.20pqr"));
var w=2;
var str1;
str1=w.toString();
document.write("<h1>"+str1);
</script>
</head>
<body>
</body>
</html>
Example:3
<!DOCTYPE html>
<html>
<head>
<title>JS Example</title>
<script type="text/javascript">
var a=5;
if(a%2==0)
{
document.writeln("a is EVEN no.");
}
else
{
document.writeln("a is ODD no.");
}
</script>
</head>
<body>
</body>
</html>
Example:4
<!DOCTYPE html>
<html>
<head>
<title>JS Example</title>
<script type="text/javascript">
var a=40,b=30,c=20;
if(a>b)
{
if(a>c)
{
document.writeln("A is larger number");
}
else
{
document.writeln("C is larger number");
}
}
else
{
if(b>c)
{
document.writeln("B is larger number");
}
else
{
document.writeln("C is larger number");
}
}
</script>
</head>
<body>
</body>
</html>
Example:5
<!DOCTYPE html>
<html>
<head>
<title>JS Example</title>
<script type="text/javascript">
var grade='b',result;
switch(grade)
{
case 'a':
result="A-Grade";
document.writeln("result" +result);
break;
case 'b':
result="B-Grade";
document.writeln(result);
break;
case 'c':
result="C-Grade";
document.writeln(result);
break;
default:
document.writeln("No result");
}
</script>
</head>
<body>
</body>
</html>
Example:6
<!DOCTYPE html>
<html>
<head>
<title>JS Example</title>
</head>
<body>
<table border="1" align="center">
<script type="text/javascript">
{
do
{
var i=1;
document.writeln("<tr><td>" +i+"</td><td>" +(i*i)+"</td></tr>" );
i++;
}
while(i<=10);
}
</script>
</table>
</body>
</html>
Example:7
<!DOCTYPE html>
<html>
<head>
<title>JS Example</title>
</head>
<body>
<table border="1" align="center">
<script type="text/javascript">
{
var i=1;
for(i=1;i<=10;i++)
{
document.writeln("<tr><td>" +i+"</td><td>" +(i*i)+"</td></tr>");
}
}
</script>
</table>
</body>
</html>
Example:8
<!DOCTYPE html>
<html>
<head>
<title>JS Example</title>
</head>
<body>
<table border="1" align="center">
<script type="text/javascript">
{
var i=1,a;
for(i=1;i<=10;i++)
{
if(i==5)
{
a=i;
continue;
}
document.writeln("<tr><td>" +i+"</td><td>" +(i*i)+"</td></tr>");
}
}
document.writeln("<tr><td>" +a+"</td><td>"+"</td></tr>");
</script>
</table>
</body>
</html>
Example:9
<!DOCTYPE html>
<html>
<head>
<title>JS Example</title>
</head>
<body>
<script type="text/javascript">
var num=5,n1=0,n2=1,i,sum;
for(i=1;i<=num;i++)
{
document.writeln(n1);
sum=n1+n2;
n1=n2;
n2=sum;
}
</script>
</body>
</html>
Example:10
<html>
<head></head>
<title></title>
<body>
<script>
var i,sum = 0;
for (i = 1; i <= 10; i =i+2)
{
document.writeln(i+"</br>");
sum =sum+ i;
}
document.write("sum of number"+sum);
</script>
</body>
</html>
Example:11
<!DOCTYPE html>
<html>
<head>
<title>JS Example</title>
</head>
<body>
<script type="text/javascript">
var i,j;
for(i=2;i<=30;i++)
{
for(j=2;j<I;j++)
{
if(i%j==0)
{
break;
}
}
If(i==j)
{
Document.wite(i+”<br>”);
}
}
</script>
</body>
</html>
Example:12
<html>
<head></head>
<title></title>
<body>
<script>
var sum=0,n=10;
while(n>=1)
{
sum=sum+n;
n=n-1;
}
document.write("sum of number"+sum);
</script>
</body>
</html>