Javascript language

Calculator in JavaScript
Previous Home Next
<html>
<body>
<center>
<form name="keys" action=
"">
<table>
<B>
<table border=2 
width=50 height=60 
cellpadding=1
 cellspacing=5>
<tr>
<td colspan=3 align=middle>
<input name="readText"
 type="Text" size=24
 value="0"
  width=100%>
</td>
<td
</td>
<td>
<input name="buttonClear"
 type="Button" value="  C  " onclick=
 "Clear()">
</td>
<td><input name="buttonClearEntry"
 type="Button" 
 value="  CE " onclick="ClearEntry()">
</td>
</tr>
<tr>
<td>
<input name="btnSeven" 
type="Button" 
value="  7  " onclick=
"number_press(7)">
</td>
<td>
<input name="btnEight" 
type="Button" value=
"  8  " onclick=
"number_press(8)">
</td>
<td>
<input name="btnNine" 
type="Button" value="  9  " onclick=
"number_press(9)">
</td>
<td>
</td>
<td>
<input name="btnNeg" 
type="Button" value=
" +/- " onclick=
"Neg()">
</td>
<td>
<input name="btnPercent" 
type="Button" value=
"  % " 
onclick="Percent()">
</td>
</tr>
<tr>
<td>
<input name="btnFour" 
type="Button" value=
"  4  " onclick=
"number_press(4)">
</td>
<td>
<input name="btnFive" type="Button" value=
"  5  " 
onclick="number_press(5)">
</td>
<td>
<input name="btnSix" type=
"Button" value=" 
 6  " 
onclick="number_press(6)">
</td>
<td>
</td>
<td align=middle><input name=
"btnPlus" type="Button"
 value="  + 
 " onclick="Operation
 ('+')">
</td>
<td align=middle><input name=

"btnMinus" type=
"Button" value="   -  
 " onclick="Operation
 ('-')">
</td>
</tr>
<tr>
<td>
<input name="btnOne" 
type="Button" 
value="  1
  " 
onclick="number_press(1)">
</td>
<td>
<input name="btnTwo"
 type="Button"
  value="  2  "
 onclick=
 "number_press(2)">
</td>
<td>
<input name="btnThree"
 type="Button"
  value="  3  "
 onclick=
 "number_press(3)">
</td>
<td>
</td>
<td align=middle><input name=
"btnMultiply" type="Button"
 
value="  * 
 " onclick="Operation('*')"
 >
</td>
<td align=middle><input name=
"btnDivide" 
type="Button"
 value="   / 
  " onclick=
  "Operation('/')
  ">
</td>
</tr>
<tr>
<td>
<input name="btnZero" 
type="Button" value=
"  0  " onclick=
"number_press(0)">
</td>
<td>
<input name="btnDecimal" type="Button" value=
"   .  " onclick=
"Decimal()">
</td>
<td colspan=3>
</td>
<td>
<input name="btnEquals" 
type="Button" value=
"  =  " 
onclick="Operation('=')">
</td>
</tr>
</table>
</table>
</B>
</form>
</center>
<font face="Verdana, Arial, Helvetica" 
size=2>
<script language="JavaScript"
>

var funKeyPad = document.keys;
var Accumulate = 0;
var NewNum = false;
var PendingOp = "";
function number_press (Num) {
if (NewNum) {
funKeyPad.readText.value  = Num;
NewNum = false;
   }
else {
if (funKeyPad.readText.value == 
"0")
funKeyPad.readText.value = Num;
else
funKeyPad.readText.value += Num;
   }
}
function Operation (Op) {
var Readout = funKeyPad.readText.value;
if (NewNum && PendingOp != 
"=");
else
{
NewNum = true;
if ( '+' 
== PendingOp )
Accumulate += parseFloat(Readout);
else if ( '-'
 == PendingOp )
Accumulate -= parseFloat(Readout);
else if ( '/'
 == PendingOp )
Accumulate /= parseFloat(Readout);
else if ( '*' 
== PendingOp )
Accumulate *= parseFloat(Readout);
else
Accumulate = parseFloat(Readout);
funKeyPad.readText.value = Accumulate;
PendingOp = Op;
   }
}
function Decimal () {
var curReadOut = funKeyPad.readText.value;
if (NewNum) {
curReadOut = "0.";
NewNum = false;
   }
else
{
if (curReadOut.indexOf
(".") == -1
)
curReadOut += 
".";
   }
funKeyPad.readText.value = curReadOut;
}
function ClearEntry () {
funKeyPad.readText.value = "0";
NewNum = true;
}
function Clear () {
Accumulate = 0;
PendingOp = "";
ClearEntry();
}
function Neg () {
funKeyPad.readText.value = parseFloat(funKeyPad.readText.value) * -
1;
}
function Percent () {
funKeyPad.readText.value = (parseFloat(funKeyPad.readText.value) / 
100) * parseFloat(Accumulate);
}
</script>
</body>
</html>

 

OutPut:

Previous Home Next

Tolal:0 Click:

Show All Comments

Did not find what you were looking for leave your name and message. We will revert within 24 hours
Name:
eMail:
Comment / Feedback: