Menghitung Pakai Kalkulator di Blog

Mau Hitung² Lewat Blog?

sekarang sobat bisa menghitung dengan script calculator yang saya berikan (walau copast dari blog laen) lumayan dan kadang kala ada gunanya. langsung aja sobat liat dan test dulu calculator yang ada di bawah ini.

Jika sobat suka, silahkan copy langsung script ini...

<CENTER>
<FORM name="Keypad" action="">
<TABLE>
<B>
<TABLE border=2 cellpadding=1 cellspacing=4 style="background: #E7E7E7; padding-top: 7px;">
<TR>
<TD colspan=3 align=middle>
<input name="ReadOut" type="Text" size=20 value="0" width=100%>
</TD>
<TD
</TD>
<TD>
<input style="background: #000; color: #fff;" name="btnClear" type="Button" value="  C  " onclick="Clear()">
</TD>
<TD><input style="background: #A83131; color: #fff;" name="btnClearEntry" type="Button" value="  CE " onclick="Clear()">
</TD>
</TR>
<TR>
<TD>
<input style="background: #313131; color: #fff;" name="btnSeven" type="Button" value="  7  " onclick="NumPressed(7)">
</TD>
<TD>
<input style="background: #313131; color: #fff;" name="btnEight" type="Button" value="  8  " onclick="NumPressed(8)">
</TD>
<TD>
<input style="background: #313131; color: #fff;" name="btnNine" type="Button" value="  9  " onclick="NumPressed(9)">
</TD>
<TD>
</TD>
<TD>
<input style="background: #2B2D77; color: #fff;" name="btnNeg" type="Button" value=" +/- " onclick="Neg()">
</TD>
<TD>
<input style="background: #2B2D77; color: #fff;" name="btnPercent" type="Button" value="  % " onclick="Percent()">
</TD>
</TR>
<TR>
<TD>
<input style="background: #313131; color: #fff;" name="btnFour" type="Button" value="  4  " onclick="NumPressed(4)">
</TD>
<TD>
<input style="background: #313131; color: #fff;" name="btnFive" type="Button" value="  5  " onclick="NumPressed(5)">
</TD>
<TD>
<input style="background: #313131; color: #fff;" name="btnSix" type="Button" value="  6  " onclick="NumPressed(6)">
</TD>
<TD>
</TD>
<TD align=middle><input style="background: #2B2D77; color: #fff;" name="btnPlus" type="Button" value="  +  " onclick="Operation('+')">
</TD>
<TD align=middle><input style="background: #2B2D77; color: #fff;" name="btnMinus" type="Button" value="   -   " onclick="Operation('-')">
</TD>
</TR>
<TR>
<TD>
<input style="background: #313131; color: #fff;" name="btnOne" type="Button" value="  1  " onclick="NumPressed(1)">
</TD>
<TD>
<input style="background: #313131; color: #fff;" name="btnTwo" type="Button" value="  2  " onclick="NumPressed(2)">
</TD>
<TD>
<input style="background: #313131; color: #fff;" name="btnThree" type="Button" value="  3  " onclick="NumPressed(3)">
</TD>
<TD>
</TD>
<TD align=middle><input style="background: #2B2D77; color: #fff;" name="btnMultiply" type="Button" value="  x  " onclick="Operation('*')">
</TD>
<TD align=middle><input style="background: #2B2D77; color: #fff;" name="btnDivide" type="Button" value="   /   " onclick="Operation('/')">
</TD>
</TR>
<TR>
<TD>
<input style="background: #313131; color: #fff;" name="btnZero" type="Button" value="  0  " onclick="NumPressed(0)">
</TD>
<TD>
<input style="background: #313131; color: #fff;" name="btnDecimal" type="Button" value="   .  " onclick="Decimal()">
</TD>
<TD colspan=3>
</TD>
<TD>
<input style="background: #2B2D77; color: #fff;" name="btnEquals" type="Button" value="  =  " onclick="Operation('=')">
</TD>
</TR>
</TABLE>
</TABLE>
</B>
</FORM>
</CENTER>

Jika sudah, lanjutkan copy script di bawah ini, tepat di bawah script di atas

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var FKeyPad = document.Keypad;
var Accumulate = 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 )
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);
FKeyPad.ReadOut.value = Accumulate;
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 () {
Accumulate = 0;
PendingOp = "";
ClearEntry();
}
function Neg () {
FKeyPad.ReadOut.value = parseFloat(FKeyPad.ReadOut.value) * -1;
}
function Percent () {
FKeyPad.ReadOut.value = (parseFloat(FKeyPad.ReadOut.value) / 100) * parseFloat(Accumulate);
}
// End -->
</SCRIPT>

NaraSumber

Posted in: Tuto BLog