HTML/DHTML/JavaScript
source code:
(select code and copy from your browser's edit menu)
<html> <head> <script language="JavaScript"> <!-- string=""; function app(cc) { string+=cc; document.form1.text1.value=string; } function clear() { string=""; document.form1.text1.value=string; } function calc() { if(string.length > 0) { inp="out="+string; eval(inp); } else out="0"; document.form1.text1.value=out; string=""+out; } function upda() { string=""+document.form1.text1.value; } //--> </script> </head> <body onLoad="clear()"> <form name="form1" method="POST" onSubmit="{upda(); calc(); return false;}"> <table border bgcolor=buttonface> <tr><td colspan=5 align=center bgcolor=#c0c0c0><input type="text" size=16 maxlength=80 name="text1" value="" onChange="upda()"></td></tr> <tr><td align=center> <input type="button" value=" 7 " onClick="app('7')"></td> <td align=center><input type="button" value=" 8 " onClick="app('8')"></td> <td align=center><input type="button" value=" 9 " onClick="app('9')"></td> <td align=center><input type="button" value=" / " onClick="app('/')"></td> <td align=center> <input type="button" value=" C " onClick="clear()"></td></tr> <tr><td align=center> <input type="button" value=" 4 " onClick="app('4')"></td> <td align=center><input type="button" value=" 5 " onClick="app('5')"></td> <td align=center><input type="button" value=" 6 " onClick="app('6')"></td> <td align=center><input type="button" value=" * " onClick="app('*')"></td> <td align=center> <input type="button" value=" ( " onClick="app('(')"></td></tr> <tr><td align=center> <input type="button" value=" 1 " onClick="app('1')"></td> <td align=center><input type="button" value=" 2 " onClick="app('2')"></td> <td align=center><input type="button" value=" 3 " onClick="app('3')"></td> <td align=center><input type="button" value=" - " onClick="app('-')"></td> <td align=center> <input type="button" value=" ) " onClick="app(')')"></td></tr> <tr><td align=center> <input type="button" value=" 0 " onClick="app('0')"></td> <td></td> <td align=center><input type="button" value=" . " onClick="app('.')"></td> <td align=center><input type="button" value=" + " onClick="app('+')"></td> <td align=center> <input type="button" value=" = " onClick="calc()"></td></tr> </table> <small>NOTE: Calculator will be operational in your HTML pages, this window is for viewing it's layout only.</small> </form> </body> </html>
HTML/DHTML/JavaScript source code: (select code and copy from your browser's edit menu)