BetterCalculator 1.2 Javascript

Javascripts > Misc Javascripts > BetterCalculator 1.2

Script Title: BetterCalculator 1.2

Description: BetterCalculator 1.2 is a freeware Javascript calculator with MEMORY screen, built in HELP screens and NEW WINDOW function.

Example: Available
BetterCalculator Version 1.2

BetterCalculator 1.2

Copy the following code into your <HEAD></HEAD> tags.

            <style="cursor:pointer;cursor:hand"> <script language-="JavaScript">  </script> <script language-="JavaScript">  </script>

Copy the following code between the <BODY></BODY> tags of your html page.

<script language="Javascript"> var mem = '0'; function calc() { document.calculator.display.value= eval(document.calculator.display.value); return true } function perc() { document.calculator.display.value= eval(document.calculator.display.value)/100; return true } function deleteChar() { document.calculator.display.value = document.calculator.display.value.substring(0, document.calculator.display.value.length - 1) } function Clear() { currentoperation=""; } </script> <title>BetterCalculator Version 1.2</title> <table width="20%" cellpadding="1" bgcolor="#999999" border="2" bordercolordark="#333399" bordercolorlight="#0033FF"> <td valign=top align=center> <table style="border: 1px solid ivory"> <FORM name="calculator"> <td><center> <font face="Verdana, Helvetica, Sans-serif"> <a href="http://www.bettercalculator.com" target=_blank><font color="#ffffff" size= "1">BetterCalculator 1.2</font></a> </td> </tr> <tr><td><input style="font-size: 12px;color=000000;background=cccccc;" type="text" value="" name="display" value="input" size="24"><br> </td></tr> </table></style> <table bgcolor="#8b8b83" border="1" bordercolordark="#EEEEE0" bordercolorlight="#FFFFF0"> <tr> <td><input style="font-size:12pt; height: 24px; width: 24px" type="button" value="7" style="cursor:pointer;cursor:hand"onmousedown=what('7'); onmouseup="calculator.display.value+='7';"></td> <td><input style="font-size:12pt; height: 24px; width: 24px" type="button" value="8" style="cursor:pointer;cursor:hand"onmousedown=what('8'); onmouseup="calculator.display.value+='8';"></td> <td><input style="font-size:12pt; height: 24px; width: 24px" type="button" value="9" style="cursor:pointer;cursor:hand"onmousedown=what('9'); onmouseup="calculator.display.value+='9';" ></td> <td><input style="font-size:13pt; height: 24px; width: 38px;color=ffffff;background=999999;" type="button" value="x" style="cursor:pointer;cursor:hand"onmousedown=what('x'); onclick="calculator.display.value+='*';"></td> </tr> <tr> <td><input style="font-size:12pt; height: 24px; width: 24px" type="button" value="4" style="cursor:pointer;cursor:hand"onmousedown=what('4'); onmouseup="calculator.display.value+='4';"></td> <td><input style="font-size:12pt; height: 24px; width: 24px" type="button" value="5" style="cursor:pointer;cursor:hand"onmousedown=what('5'); onmouseup="calculator.display.value+='5';"></td> <td><input style="font-size:12pt; height: 24px; width: 24px" type="button" value="6" style="cursor:pointer;cursor:hand"onmousedown=what('6'); onmouseup="calculator.display.value+='6';"></td> <td><input style="font-size:14pt; height: 24px; width: 38px;color=ffffff;background=999999;" type="button" value="÷" style="cursor:pointer;cursor:hand"onmousedown=what('/'); onclick="calculator.display.value+='/';"></td> </tr> <tr> <td><input style="font-size:12pt; height: 24px; width: 24px" type="button" value="1" style="cursor:pointer;cursor:hand"onmousedown=what('1'); onmouseup="calculator.display.value+='1';"></td> <td><input style="font-size:12pt; height: 24px; width: 24px" type="button" value="2" style="cursor:pointer;cursor:hand"onmousedown=what('2'); onmouseup="calculator.display.value+='2';"></td> <td><input style="font-size:12pt; height: 24px; width: 24px" type="button" value="3" style="cursor:pointer;cursor:hand"onmousedown=what('3'); onmouseup="calculator.display.value+='3';"></td> <td><input style="font-size:14pt; height: 24px; width: 38px;color=ffffff;background=999999;" type="button" value="-" style="cursor:pointer;cursor:hand"onmousedown=what('-'); onclick="calculator.display.value+='-';"></td> </tr> <tr> <td><input style="font-size:12pt; height: 24px; width: 24px" type="button" value="0" style="cursor:pointer;cursor:hand"onmousedown=what('0'); onmouseup="calculator.display.value+='0';"></td> <td><input style="font-size:12pt; height: 24px; width: 24px" type="button" value="00" style="cursor:pointer;cursor:hand"onmousedown=what('DZ'); onmouseup="calculator.display.value+='00';"></td> <td><input style="font-size:12pt; height: 24px; width: 24px" type="button" value="•" style="cursor:pointer;cursor:hand"onmousedown=what('.'); onclick="calculator.display.value+='.';"></td> <td><input style="font-size:14pt; height: 24px; width: 38px;color=ffffff;background=999999;" type="button" value="+" style="cursor:pointer;cursor:hand"onmousedown=what('+'); onclick="calculator.display.value+='+';"></td> </tr> <tr> <td><input style="font-size:10pt; height: 24px; width: 24px;color=ffffff;background=999999;" type="button" value="%" style="cursor:pointer;cursor:hand"onmousedown=what('%'); onclick="perc()"></td> <td><input style="font-size:7pt; height: 24px; width: 24px;color=ffffff;background=999999;" type="button" value="Del" style="cursor:pointer;cursor:hand"onmousedown=what('Del'); onmouseup="deleteChar(calculator.display.value)"></td> <td><input style="font-size:12pt; height: 24px; width: 24px;color=000000;background=eead0e;" type="button" value="C" style="cursor:pointer;cursor:hand"onmousedown=what('c'); onclick="calculator.display.value='';"></td> <td><input style="font-size:14pt; height: 24px; width: 38px;color=ffffff;background=999999;" type="button" value="=" style="cursor:pointer;cursor:hand"onmousedown=what('eq'); onclick="calc()"></td> </tr> </table> <center> <table width="20%" cellpadding="0" bgcolor="#228B22" border="1"> <td><input style="font-size:9pt; height: 20px; width: 20px;color=ffffff;background=228B22;" type="button" value="M" style="cursor:pointer;cursor:hand"onmousedown=what('M'); onclick="mem.value=calculator.display.value;"></td> <td><input style="font-size:9pt; height: 20px; width: 22px;color=ffffff;background=228B22;" type="button" value="M+" style="cursor:pointer;cursor:hand"onmousedown=what('M+'); onmouseup="mem.value=eval(mem.value)+eval(calculator.display.value);"></td> <td><input style="font-size:9pt; height: 20px; width: 21px;color=ffffff;background=228B22;" type="button" value="M-" style="cursor:pointer;cursor:hand"onmousedown=what('M-'); onmouseup="mem.value=eval(mem.value)-eval(calculator.display.value);"></td> <td><input style="font-size:9pt; height: 20px; width: 25px;color=ffffff;background=228B22;" type="button" value="MR" style="cursor:pointer;cursor:hand"onmousedown=what('MR'); onclick="calculator.display.value=calculator.display.value+'('+(mem.value)+')'"></td> <td><input style="font-size:9pt; height: 20px; width: 25px;color=000000;background=eead0e;" type="button" value="MC" style="cursor:pointer;cursor:hand"onmousedown=what('MC'); onclick="mem.value='0';"></td> </tr> </table> <center> <TABLE BORDER=0> <form name="mem"> <table> <td valign=top align=center><font size=2 color=000000><input style="font-size: 12px;color=000000;background=cccccc;" type="text" value="0" name="mem" size="22"></font> </td> </tr> </table> <p align=center> <input style="font-size:6pt; height: 19px; width: 34px;color=ffffff;background=8b658b;" type="button" value="Help" style="cursor:help"onmousedown=what('H'); onclick="alert('BetterCalculator 1.2 is freeware Javascript. You may save the code to your computer or Web site as long as you do not change anything.\n\nRight click on any button for a description and help with that function. Left click to push a button or key.\n\n\For instructions on how to add this Calculator to your desktop and info on more advanced versions of BetterCalculator featuring 2 manipulative MEMORY screens, a copy/printable RECORD screen, plus much more. Go to http://BetterCalculator.com \n\n\Thank you\n\n\Jim Anderson \n');"> <input style="font-size:6pt; height: 19px; width: 54px;color=ffffff;background=8b658b;" type="button" value="Window" style="cursor:pointer;cursor:hand"onmousedown=what('NW'); onclick="open_Calc('http://www.java-scripts.net','','170','344','')"> </form></table></form>

Graphxkingdom
Thousands of free Icons, Clipart & Themes!

Free-Backgrounds
Hundreds of eye-popping Backgrounds & Textures

Java-scripts.net
Cool and easy effects with cut-and-paste Javascripts!