Calculate two values in JavaScript
<Script Language="JavaScript">
function Calc(){
var a,b,result;
var v1,v2;
a=frm1.txt1.value
b=frm1.txt2.value
b=frm1.txt2.value
c=frm1.txt3.value
v1=parseInt(a);
v2=parseInt(b);
switch(c){
case "+":
result=v1+v2;
frm1.txt4.value=result;
break;
case "-":
result=v1-v2;
frm1.txt4.value=result;
break;
case "*":
result=v1*v2;
frm1.txt4.value=result;
break;
case "/":
result=v1/v2;
frm1.txt4.value=result;
break;
case "%":
result=v1%v2;
frm1.txt4.value=result;
break;
case "":
alert("Please Enter any Operator")
break;
default:
alert("Please Enter the Specific Operator")
}
}
function resetBtn(){
frm1.txt1.value=""
frm1.txt2.value=""
frm1.txt3.value=""
frm1.txt4.value=""
}
</Script>
</head>
<body>
<form name="frm1">
<p>
Value 1
<input type="text" name="txt1" size="20"> </p>
<p>
Operator
<input type="text" name="txt3" size="5"></p>
<p>
Value 2 <input type="text" name="txt2" size="20"></p>
<p>
Result
<input type="text" name="txt4" size="20"> </p>
<p>
<input type="button" name="btn1" value="Calculate" onClick="Calc();">
<input type="button" value="Reset" name="btn2" onClick="resetBtn()"></p>
</form>
12.10.09 | JavaScript | admin
JavaScript Calculator
<FORM NAME="Calc">
<TABLE BORDER=4>
<TR>
<TD>
<INPUT TYPE="text" NAME="Input" Size="16">
<br>
</TD>
</TR>
<TR>
<TD>
<INPUT TYPE="button" NAME="one" VALUE=" 1 " OnClick="Calc.Input.value += ‘1′">
<INPUT TYPE="button" NAME="two" VALUE=" 2 " OnCLick="Calc.Input.value += ‘2′">
<INPUT TYPE="button" NAME="three" VALUE=" 3 " OnClick="Calc.Input.value += ‘3′">
<INPUT TYPE="button" NAME="plus" VALUE=" + " OnClick="Calc.Input.value += ‘ + ‘">
<br>
<INPUT TYPE="button" NAME="four" VALUE=" 4 " OnClick="Calc.Input.value += ‘4′">
<INPUT TYPE="button" NAME="five" VALUE=" [...]
12.10.09 | JavaScript | admin
Dynamic Table in JavaScript
<Script Language="JavaScript">
var a,b,c
a=prompt("Enter the Table Number")
b=prompt("Enter the First value")
c=prompt("Enter the End of value")
for(b=1;b<=c;b++){
document.write(a+" x "+b+"="+a*b+"<br>")
}
</Script>
12.10.09 | JavaScript | admin
Working with Prompts and Alerts in JavaScript
<Script Language="JavaScript">
var a=prompt("Please enter your name")
alert("Hello"+a+" How are You?")
</Script>
12.10.09 | JavaScript | admin
var message=”Welcome to My Home Page”;
var speed=500;
var visible=0;
function Flash(){
if(visible==0){
document.frm1.txtmessage.value=message;
visible=1;
}
else
{
document.frm1.txtmessage.value=””;
//document.bgColor=white;
visible=0;
}
setTimeout(’Flash()’,speed);
}
Text Scrollers in JavaScript
<BODY onLoad="Flash()">
<form name="frm1">
<input type="text" name="txtmessage" size="25" style="color: #FFFF00; font-family: Batang; font-weight: bold; background-color: #FF0000"></p>
</form>
</body>
12.10.09 | JavaScript | admin
Show Date in JavaScript
<Script language="JavaScript">
var months=new Array(13);
months[1]="January";
months[2]="February";
months[3]="March";
months[4]="April";
months[5]="May";
months[6]="June";
months[7]="July";
months[8]="August";
months[9]="September";
months[10]="October";
months[11]="November";
months[12]="December";
var time=new Date();
var lmonths=months[time.getMonth()+1];
var date=time.getDate();
var year=time.getYear();
if(year<2000)
year=year+1900;
document.write("<center>"+lmonths+" ");
document.write(date+","+year+"</center>");
</Script>
12.10.09 | JavaScript | admin
Dynamic Change Text in Text Field
<Script Language="JavaScript">
var message="Welcome";
var visible=0;
var speed=500;
function fnFlash(){
if(visible==0){
document.frm1.txt1.value=message;
visible=1;
}
else
{
document.frm1.txt1.value="Mr. Rashid";
visible=0;
}
setTimeout(‘fnFlash()’,speed);
}
</Script>
<body onLoad="fnFlash()">
<form name="frm1">
<input type="text" name="txt1" size="20"></form>
12.10.09 | JavaScript | admin
Dynamic Clock in JavaScript
<Script Language="JavaScript">
var TimerID=null;
function timer(){
var dn;
var now=new Date();
var hours=now.getHours();
if(hours>12)
hours=hours-12;
if(hours<10)
hours="0"+hours;
if(hours>12)
dn="PM";
else
dn="AM";
var minutes=now.getMinutes();
if(minutes<10)
minutes="0"+minutes;
var seconds=now.getSeconds();
if(seconds<10)
seconds="0"+seconds;
TimerID=setTimeout("timer()",1000);
var times=hours+":"+minutes+":"+seconds+" "+dn
document.frmtime.txttime.value=times;
}
</Script>
<body onLoad="timer();">
<form name="frmtime">
<input type="text" name="txttime" size="20">
</form>
12.10.09 | JavaScript | admin
Change Background color using buttons
<Script Language="JavaScript">
function bgcolors(color){
document.bgColor=color;
}
</Script>
<form name="frm1">
<input type="button" name="red" value="Red" onClick="bgcolors(this.value)">
<input type="button" name="green" value="Green" onClick="bgcolors(this.value)">
<input type="button" name="Blue" value="Blue" onClick="bgcolors(this.value)">
<input type="button" name="Yellow" value="Yellow" onClick="bgcolors(this.value)">
<input type="button" name="Black" value="Black" onClick="bgcolors(this.value)">
<input type="button" name="White" value="White" onClick="bgcolors(this.value)">
<input type="button" name="Pink" value="Pink" onClick="bgcolors(this.value)">
<input type="button" name="Purple" value="Purple" onClick="bgcolors(this.value)">
</form>
12.10.09 | JavaScript | admin
Change Background color using Select Menu
<form name="frmcolors">
<Select size=5 name="clrs" onChange="document.bgColor=this.options[this.selectedIndex].value">
<option value="Blue">Blue
<option value="Red">Red
<option value="Green">Green
<option value="Yellow">Yellow
<option value="Magenta">Magenta
<option value="Navy">Navy
<option value="Purple">Purple
<option value="White" selected>White
</Select>
</form>
12.10.09 | JavaScript | admin
