javascript programs
javascript programs
<script>
var a=10;
var b=20;
var c=a+b;
document.write(c);
</script>
//area of rectangle
<script>
var l=10;
var b=20;
var a=l*b;
document.write(a);
</script>
//simple interest
<script>
var p=10000;
var t=2;
var r=5;
var i=(p*t*r)/100;
document.write(i);
</script>
//if condition
<script>
var a=20;
if(a>=18)
{
document.write("valid for vote");
}
</script>
//function1
<script>
function msg()
{
alert("hello! this is message");
}
</script>
<input type="button" onclick="msg()" value="call function"/>
//function2
<script>
function getinfo()
{
return "hello world! how r u?";
}
</script>
<script>
document.write(getinfo());
</script>
//power function
<script>
var pow=new function("num1","num2","return math.pow(num1,num2)");
document.writeln(pow(2,3));
</script>
//create object
<script>
var emp=new object();
emp.id=101;
emp.name="ravi malik";
emp.salary=50000;
document.write(emp.id+" "+emp.name+" "+emp.salary);
</script>
//array in javascript
<script>
var emp=["sonoo","vimal","ratan"];
for (i=0;i<emp.length;i++)
{
document.write(emp[i] + "<br/>");
}
</script>
//strcat function
<script>
var s1="javascript ";
var s2="concat example";
var s3=s1.concat(s2);
document.write(s3);
</script>
//strlwr function
<!doctype html>
<html>
<body>
<script>
var s1="javascript ";
var s2="concat example";
var s3=s1+s2;
document.write(s3);
</script>
</body>
</html>
//strupr function
<!doctype html>
<html>
<body>
<script>
var s1="javascript touppercase example";
var s2=s1.touppercase();
document.write(s2);
</script>
</body>
</html>
//form create
<form name="form1">
enter name:<input type="text" name="name"/>
<input type="button" onclick="printvalue()" value="print name"/>
</form>
//radio button
<script type="text/javascript">
function totalelements()
{
var allgenders=document.getelementsbyname("gender");
alert("total genders:"+allgenders.length);
}
</script>
<form>
male:<input type="radio" name="gender" value="male">
female:<input type="radio" name="gender" value="female">
<input type="button" onclick="totalelements()" value="total genders">
</form>
//form validation
<script>
function 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;
}
}
</script>
<body>
<form name="myform" method="post" action="abc.jsp" onsubmit="return validateform()" >
name: <input type="text" name="name"><br/>
password: <input type="password" name="password"><br/>
<input type="submit" value="register">
</form>
//password validation
<script type="text/javascript">
function matchpass()
{
var firstpassword=document.f1.password.value;
var secondpassword=document.f1.password2.value;
if(firstpassword==secondpassword)
{
return true;
}
else
{
alert("password must be same!");
return false;
}
}
</script>
<form name="f1" action="register.jsp" onsubmit="return matchpass()">
password:<input type="password" name="password" /><br/>
re-enter password:<input type="password" name="password2"/><br/>
<input type="submit">
</form>
//number validation
<script>
function validate()
{
var num=document.myform.num.value;
if (isnan(num))
{
document.getelementbyid("numloc").innerhtml="enter numeric value only";
return false;
}
else
{
return true;
}
}
</script>
<form name="myform" onsubmit="return validate()" >
number: <input type="text" name="num"><span id="numloc"></span><br/>
<input type="submit" value="submit">
</form>
// creating object
<script>
var emp=new object();
emp.id=101;
emp.name="ravi malik";
emp.salary=50000;
document.write(emp.id+" "+emp.name+" "+emp.salary);
</script>
//creating constructor
<script>
function emp(id,name,salary)
{
this.id=id;
this.name=name;
this.salary=salary;
}
e=new emp(103,"vimal jaiswal",30000);
document.write(e.id+" "+e.name+" "+e.salary);
</script>