Learn HTML, Javascript, and C++ - Tips, Tricks, & Extras

Tips, Tricks, & Extras

This part of the site will be updated frequently with new ways to make your site interesting, either with new gadgets or new ideas, so stay tuned.

Below is a calculator, its not perfect, but good for any simple calculations, under it is the code to create it.

MADS Calculator

Typo Jester

function AddNumber(number)
{

var typo = document.Calcform.CALCTEXT.value.length;
var equals = document.Calcform.Equalsign.value;

if ((number == 0) && (typo == 0))
{
  return false;
}
else if (equals == 1)
{
document.Calcform.CALCTEXT.value = number;
document.Calcform.Equalsign.value = 0;
}
else
{
document.Calcform.CALCTEXT.value += number;
}

}

function MADS(mads)
{

document.Calcform.MADSHolder.value = mads;
document.Calcform.PrevNumber.value = document.Calcform.CALCTEXT.value;
document.Calcform.CALCTEXT.value = "";

}

function Calculation()
{

var CalcNumber;
OldNum = document.Calcform.PrevNumber.value;
NewNum = document.Calcform.CALCTEXT.value;
MadNum = document.Calcform.MADSHolder.value;

if (MadNum == 'M')
{
CalcNumber = eval(OldNum) * eval(NewNum);
}
else if (MadNum == 'A')
{
CalcNumber = eval(OldNum) + eval(NewNum);
}
else if (MadNum == 'D')
{
CalcNumber = eval(OldNum) / eval(NewNum);
}
else if (MadNum == 'S')
{
CalcNumber = eval(OldNum) - eval(NewNum);
}
else
{
return false;
}

document.Calcform.MADSHolder.value = "";
document.Calcform.PrevNumber.value = "";
document,Calcform.Equalsign.value = 1;
document.Calcform.CALCTEXT.value = CalcNumber;

}

function clearform()
{

document.Calcform.MADSHolder.value = "";
document.Calcform.PrevNumber.value = "";
document,Calcform.Equalsign.value = 0;
document.Calcform.CALCTEXT.value = "";

}

function cleartext()
{

document.Calcform.CALCTEXT.value = "";

}

</SCRIPT>

<CENTER>
<table border="4">
<tr>
<td bgcolor="#000000">
<FORM name="Calcform">
<INPUT TYPE="hidden" NAME="Equalsign" VALUE="0">
<INPUT TYPE="hidden" NAME="PrevNumber" VALUE="">
<INPUT TYPE="hidden" NAME="MADSHolder" VALUE="">
<INPUT TYPE="TEXT" NAME="CALCTEXT" VALUE="" SIZE=17 onFocus=blur();>
</td>
</tr>
<tr>
<td bgcolor="#000000">
<font color="gray" size="1"><b>MADS Calculator</b></font><br><br>
<center>
<INPUT TYPE="BUTTON" NAME="CALC1" VALUE="  1  " onClick="AddNumber(1);">
<INPUT TYPE="BUTTON" NAME="CALC2" VALUE="  2  " onClick="AddNumber(2);">
<INPUT TYPE="BUTTON" NAME="CALC3" VALUE="  3  " onClick="AddNumber(3);">
<INPUT TYPE="button" NAME="Multi" VALUE="  * " onClick="MADS('M');">
<BR>
<INPUT TYPE="BUTTON" NAME="CALC4" VALUE="  4  " onClick="AddNumber(4);">
<INPUT TYPE="BUTTON" NAME="CALC5" VALUE="  5  " onClick="AddNumber(5);">
<INPUT TYPE="BUTTON" NAME="CALC6" VALUE="  6  " onClick="AddNumber(6);">
<INPUT TYPE="button" NAME="Multi" VALUE="  + " onClick="MADS('A');">
<BR>
<INPUT TYPE="BUTTON" NAME="CALC7" VALUE="  7  " onClick="AddNumber(7);">
<INPUT TYPE="BUTTON" NAME="CALC8" VALUE="  8  " onClick="AddNumber(8);">
<INPUT TYPE="BUTTON" NAME="CALC9" VALUE="  9  " onClick="AddNumber(9);">
<INPUT TYPE="button" NAME="Multi" VALUE="  /  " onClick="MADS('D');">
<BR>
<INPUT TYPE="BUTTON" NAME="CALC0" VALUE="  0  " onClick="AddNumber(0);">
<INPUT TYPE="BUTTON" NAME="CALC=" VALUE="      =     " onClick="Calculation()">
<INPUT TYPE="button" NAME="Multi" VALUE="  -  " onClick="MADS('S');">
</center>
<br>
<center>
<INPUT TYPE="button" VALUE="   C/E   " onClick="cleartext();">
<INPUT TYPE="button" VALUE="    C    " onClick="clearform();">
<br>
<A HREF="http://typojester.page.tl"><font size="2" color="gray">Typo Jester</font></A>
</center>
</td>
</tr>
</FORM>
</table>
</CENTER>

To get people to visit your site more, maybe you should give them a button that allows them to add you to their favorites, like the one below:

To make this use the code below, and add in your information in the, "YOUR_WEBSITE_URL" part and the "THE_TITLE_OF_YOUR_PAGE" part: