<BODY>
<CENTER>
<FORM name="Keypad" action="">
<!-- Original: http://www.dummyproof.com/javascripts -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<TABLE>
<B>
<TABLE border=2 width=50 height=60 cellpadding=1 cellspacing=5>
<TR>
<TD colspan=3 align=middle>
<input name="ReadOut" type="Text" size=24 value="0" width=100%>
</TD>
<TD>
</TD>
<TD>
<input name="btnClear" type="Button" value=" C " onClick="Clear()">
</TD>
<TD><input name="btnClearEntry" type="Button" value=" CE " onClick="ClearEntry()">
</TD>
</TR>
<TR>
<TD>
<input name="btnSeven" id="7" type="Button" >
</TD>
<TD>
<input name="btnEight" id="8" type="Button" >
</TD>
<TD style="width: 37px">
<input name="btnNine" id="9" type="Button" >
</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" id="4" type="Button" >
</TD>
<TD>
<input name="btnFive" id="5" type="Button" >
</TD>
<TD style="width: 37px">
<input name="btnSix" id="6" type="Button" >
</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" id="1" type="Button" >
</TD>
<TD>
<input name="btnTwo" id="2" type="Button" >
</TD>
<TD style="width: 37px">
<input name="btnThree" id="3" type="Button" >
</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" id="0" type="Button" >
</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>
<div id="test"></div>
<font face="Verdana, Arial, Helvetica" size=2>
<SCRIPT LANGUAGE="JavaScript">
var arrNum=[0,1,2,3,4,5,6,7,8,9];
function removeByElement(arrayName,n)
{
arrayName.splice(n,1);
}
function rnd(num)
{
return (Math.floor(Math.random()*num))
}
function set()
{
for(i=0;i<10;i++)
{
var r=rnd(10-i)
var s=arrNum[r];
document.getElementById(i).value=" "+s+" ";
document.getElementById(i).onclick=Function("NumPressed("+s+")");
removeByElement(arrNum,r);
}
}
set();
<!-- Begin
var FKeyPad = document.Keypad;
var Accum = 0;
var FlagNewNum = false;
var PendingOp = "";
function NumPressed (Num) {
if (FlagNewNum) {
FKeyPad.ReadOut.value = Num;
FlagNewNum = false;
}
else {
if (FKeyPad.ReadOut.value == "0")
FKeyPad.ReadOut.value = Num;
else
FKeyPad.ReadOut.value += Num;
}
}
function Operation (Op) {
var Readout = FKeyPad.ReadOut.value;
if (FlagNewNum && PendingOp != "=");
else
{
FlagNewNum = true;
if ( '+' == PendingOp )
Accum += parseFloat(Readout);
else if ( '-' == PendingOp )
Accum -= parseFloat(Readout);
else if ( '/' == PendingOp )
Accum /= parseFloat(Readout);
else if ( '*' == PendingOp )
Accum *= parseFloat(Readout);
else
Accum = parseFloat(Readout);
FKeyPad.ReadOut.value = Accum;
PendingOp = Op;
}
}
function Decimal () {
var curReadOut = FKeyPad.ReadOut.value;
if (FlagNewNum) {
curReadOut = "0.";
FlagNewNum = false;
}
else
{
if (curReadOut.indexOf(".") == -1)
curReadOut += ".";
}
FKeyPad.ReadOut.value = curReadOut;
}
function ClearEntry () {
FKeyPad.ReadOut.value = "0";
FlagNewNum = true;
}
function Clear () {
Accum = 0;
PendingOp = "";
ClearEntry();
}
function Neg () {
FKeyPad.ReadOut.value = parseFloat(FKeyPad.ReadOut.value) * -1;
}
function Percent () {
FKeyPad.ReadOut.value = (parseFloat(FKeyPad.ReadOut.value) / 100) * parseFloat(Accum);
}
// End -->
</SCRIPT>
<p><center>
<font face="arial, helvetica" size="-2">HQ-Calculatore<br>
by <a href="http://javascriptsource.com">Irsa Technology Bijan Yord Co.</a></font>
</center><p>
<!-- Script Size: 4.05 KB -->