advanced search

We Recommend

HTML: The Definitive Guide HTML: The Definitive Guide
They teach you that learning HTML is like learning any other language and that reading a book of rules can only take you so far. Readers begin writing what may be their first Web page just two pages into the book's second chapter. From there on, they provide a wide range of HTML coding to allow readers to learn from good examples. The book includes a handy "cheat sheet" of HTML codes for quick reference.

Posted By

philapple on 11/19/06


Tagged

Calculator


Versions (?)


Calcolatrice

Published in: HTML 

URL: http://www.filippocorti.com/service/calcolatrice/

Plain TextExpand 
  1. <html xmlns="http://www.w3.org/1999/xhtml">
  2. <head>
  3.  
  4. <script language="JavaScript"
  5.       type="text/javascript">
  6. //<![CDATA[
  7.  
  8. <!-- Eppol.net -->
  9.  
  10. <!-- Begin
  11. function doit() {
  12. form.input.value = eval(form.input.value)
  13. }
  14. function Cos() {
  15. x = form.input.value
  16. if (x == '') alert('Error: Input Required');
  17. else form.input.value = Math.cos(x);
  18. }
  19. function Sin() {
  20. x = form.input.value
  21. if (x == '') alert('Error: Input Required');
  22. else form.input.value = Math.sin(x);
  23. }
  24. function Ln() {
  25. x = form.input.value
  26. if (x == '') alert('Error: Input Required');
  27. else form.input.value = Math.log(x);
  28. }
  29. function Root() {
  30. x = form.input.value
  31. if (x == '') alert('Error: Input Required');
  32. else form.input.value = Math.sqrt(x);
  33. }
  34. function Tan() {
  35. x = form.input.value
  36. if (x == '') alert('Error: Input Required');
  37. else form.input.value = Math.tan(x);
  38. }
  39. function Icos() {
  40. x = form.input.value
  41. if (x == '') alert('Error: Input Required');
  42. else form.input.value = Math.acos(x);
  43. }
  44. function Isin() {
  45. x = form.input.value
  46. if (x == '') alert('Error: Input Required');
  47. else form.input.value = Math.asin(x);
  48. }
  49. function Itan() {
  50. x = form.input.value
  51. if (x == '') alert('Error: Input Required');
  52. else form.input.value = Math.atan(x);
  53. }
  54. function Round() {
  55. x = form.input.value
  56. if (x == '') alert('Error: Input Required');
  57. else form.input.value = Math.round(x);
  58. }
  59. function Ran() {
  60. x = form.input.value
  61. form.input.value = Math.random(x);
  62. }
  63. function Neg () {
  64. x = form.input.value
  65. if (x == '') alert('Error: Input Required');
  66. else x = parseFloat(x) * -1;
  67. }
  68. function del() {
  69. x = form.input.value
  70. x = (x.substring) - 1
  71. }
  72. //  End -->
  73. //]]>
  74. </script>
  75.  
  76.   <title></title>
  77. </head>
  78. <!-- STEP TWO: Insert the onLoad event handler into your BODY tag  -->
  79.  
  80. <body onload="document.form.input.focus()">
  81.   <!-- STEP THREE: Copy this code into the BODY of your HTML document  -->
  82.  
  83.   <div align="center">
  84.     <form name="form"
  85.           method="post"
  86.           action="javascript:doit()">
  87.       <table width="260"
  88.              border="0"
  89.              height="260"
  90.              align="center"
  91.              bordercolor="#000000"
  92.              bgcolor="#000000">
  93.         <tr bgcolor="#000000">
  94.           <td colspan="7"
  95.               height="2">
  96.             <div align="center">
  97.               <b><font face="Arial, Helvetica, sans-serif"
  98.                     color="#FFFFFF">Advanced Scientific
  99.                     Calculator</font></b>
  100.             </div>
  101.  
  102.           </td>
  103.         </tr>
  104.  
  105.         <tr bgcolor="#000000">
  106.           <td colspan="7"
  107.               height="2">
  108.             <div align="center">
  109.               <input type="text"
  110.                    name="input"
  111.                    size="40" />
  112.             </div>
  113.           </td>
  114.  
  115.         </tr>
  116.  
  117.         <tr bgcolor="#000000">
  118.           <td width="50"
  119.               height="4"><input type="button"
  120.                  name="one"
  121.                  value="1"
  122.                  onclick="form.input.value += '1'"
  123.                  style=
  124.                  "COLOR: #FFFFFF; BACKGROUND-COLOR: #666666; HEIGHT: 25 px; WIDTH: 40px" /></td>
  125.  
  126.           <td width="50"
  127.               height="4"><input type="button"
  128.                  name="two"
  129.                  value="2"
  130.                  onclick="form.input.value += '2'"
  131.                  style=
  132.                  "COLOR: #FFFFFF; BACKGROUND-COLOR: #666666; HEIGHT: 25 px; WIDTH: 40px" /></td>
  133.  
  134.           <td width="50"
  135.               height="4"><input type="button"
  136.                  name="three"
  137.                  value="3"
  138.                  onclick="form.input.value += '3'"
  139.                  style=
  140.                  "COLOR: #FFFFFF; BACKGROUND-COLOR: #666666; HEIGHT: 25 px; WIDTH: 40px" /></td>
  141.  
  142.           <td width="20"
  143.               height="4">&nbsp;</td>
  144.  
  145.           <td width="50"
  146.               height="4"><input type="button"
  147.                  name="clear"
  148.                  value="C"
  149.                  onclick="form.input.value = ''"
  150.                  style=
  151.                  "COLOR: #FFFFFF; BACKGROUND-COLOR: #9F0004; HEIGHT: 25 px; WIDTH: 40px" /></td>
  152.  
  153.           <td width="50"
  154.               height="4"><input type="button"
  155.                  name="percent"
  156.                  value=" % "
  157.                  onclick=
  158.                  "form.input.value = eval(form.input.value) / 100"
  159.                  style=
  160.                  "COLOR: #FFFFFF; BACKGROUND-COLOR: #000000; HEIGHT: 25 px; WIDTH: 40px" /></td>
  161.  
  162.           <td width="50"
  163.               height="4"><input type="button"
  164.                  name="("
  165.                  value=" ( "
  166.                  onclick="form.input.value += '('"
  167.                  style=
  168.                  "COLOR: #FFFFFF; BACKGROUND-COLOR: #000000; HEIGHT: 25 px; WIDTH: 40px" /></td>
  169.         </tr>
  170.  
  171.         <tr bgcolor="#000000">
  172.           <td width="50"
  173.               height="2"><input type="button"
  174.                  name="four"
  175.                  value="4"
  176.                  onclick="form.input.value += '4'"
  177.                  style=
  178.                  "COLOR: #FFFFFF; BACKGROUND-COLOR: #666666; HEIGHT: 25 px; WIDTH: 40px" /></td>
  179.  
  180.           <td width="50"
  181.               height="2"><input type="button"
  182.                  name="five"
  183.                  value="5"
  184.                  onclick="form.input.value += '5'"
  185.                  style=
  186.                  "COLOR: #FFFFFF; BACKGROUND-COLOR: #666666; HEIGHT: 25 px; WIDTH: 40px" /></td>
  187.  
  188.           <td width="50"
  189.               height="2"><input type="button"
  190.                  name="six"
  191.                  value="6"
  192.                  onclick="form.input.value += '6'"
  193.                  style=
  194.                  "COLOR: #FFFFFF; BACKGROUND-COLOR: #666666; HEIGHT: 25 px; WIDTH: 40px" /></td>
  195.  
  196.           <td width="20"
  197.               height="2">&nbsp;</td>
  198.  
  199.           <td width="50"
  200.               height="2"><input type="button"
  201.                  name="times"
  202.                  value=" x "
  203.                  onclick="form.input.value += ' * '"
  204.                  style=
  205.                  "COLOR: #FFFFFF; BACKGROUND-COLOR: #000000; HEIGHT: 25 px; WIDTH: 40px" /></td>
  206.  
  207.           <td width="50"
  208.               height="2"><input type="button"
  209.                  name="div"
  210.                  value=" / "
  211.                  onclick="form.input.value += ' / '"
  212.                  style=
  213.                  "COLOR: #FFFFFF; BACKGROUND-COLOR: #000000; HEIGHT: 25 px; WIDTH: 40px" /></td>
  214.  
  215.           <td width="50"
  216.               height="2"><input type="button"
  217.                  name=")"
  218.                  value=" ) "
  219.                  onclick="form.input.value += ')'"
  220.                  style=
  221.                  "COLOR: #FFFFFF; BACKGROUND-COLOR: #000000; HEIGHT: 25 px; WIDTH: 40px" /></td>
  222.         </tr>
  223.  
  224.         <tr bgcolor="#000000">
  225.           <td width="50"
  226.               height="2"><input type="button"
  227.                  name="seven"
  228.                  value="7"
  229.                  onclick="form.input.value += '7'"
  230.                  style=
  231.                  "COLOR: #FFFFFF; BACKGROUND-COLOR: #666666; HEIGHT: 25 px; WIDTH: 40px" /></td>
  232.  
  233.           <td width="50"
  234.               height="2"><input type="button"
  235.                  name="eight"
  236.                  value="8"
  237.                  onclick="form.input.value += '8'"
  238.                  style=
  239.                  "COLOR: #FFFFFF; BACKGROUND-COLOR: #666666; HEIGHT: 25 px; WIDTH: 40px" /></td>
  240.  
  241.           <td width="50"
  242.               height="2"><input type="button"
  243.                  name="nine"
  244.                  value="9"
  245.                  onclick="form.input.value += '9'"
  246.                  style=
  247.                  "COLOR: #FFFFFF; BACKGROUND-COLOR: #666666; HEIGHT: 25 px; WIDTH: 40px" /></td>
  248.  
  249.           <td width="20"
  250.               height="2">&nbsp;</td>
  251.  
  252.           <td width="50"
  253.               height="2"><input type="button"
  254.                  name="plus"
  255.                  value=" + "
  256.                  onclick="form.input.value += ' + '"
  257.                  style=
  258.                  "COLOR: #FFFFFF; BACKGROUND-COLOR: #000000; HEIGHT: 25 px; WIDTH: 40px" /></td>
  259.  
  260.           <td width="50"
  261.               height="2"><input type="button"
  262.                  name="minus"
  263.                  value=" - "
  264.                  onclick="form.input.value += ' - '"
  265.                  style=
  266.                  "COLOR: #FFFFFF; BACKGROUND-COLOR: #000000; HEIGHT: 25 px; WIDTH: 40px" /></td>
  267.  
  268.           <td width="50"
  269.               height="2"><input type="button"
  270.                  name="round"
  271.                  value="Rnd"
  272.                  onclick="Round()"
  273.                  style=
  274.                  "COLOR: #FFFFFF; BACKGROUND-COLOR: #000000; HEIGHT: 25 px; WIDTH: 40px" /></td>
  275.         </tr>
  276.  
  277.         <tr bgcolor="#000000">
  278.           <td width="50"
  279.               height="2"><input type="button"
  280.                  name="zero"
  281.                  value="0"
  282.                  onclick="form.input.value += '0'"
  283.                  style=
  284.                  "COLOR: #FFFFFF; BACKGROUND-COLOR: #666666; HEIGHT: 25 px; WIDTH: 40px" /></td>
  285.  
  286.           <td width="50"
  287.               height="2"><input type="button"
  288.                  name="point"
  289.                  value="."
  290.                  onclick="form.input.value += '.'"
  291.                  style=
  292.                  "COLOR: #FFFFFF; BACKGROUND-COLOR: #666666; HEIGHT: 25 px; WIDTH: 40px" /></td>
  293.  
  294.           <td width="50"
  295.               height="2"><input type="button"
  296.                  name="pi"
  297.                  value="PI"
  298.                  onclick=
  299.                  "form.input.value += '3,1415926535897932384626433832795'"
  300.                  style=
  301.                  "COLOR: #FFFFFF; BACKGROUND-COLOR: #666666; HEIGHT: 25 px; WIDTH: 40px" /></td>
  302.  
  303.           <td width="20"
  304.               height="2">&nbsp;</td>
  305.  
  306.           <td width="50"
  307.               height="2"><input type="button"
  308.                  name="pi2"
  309.                  value="+/-"
  310.                  onclick="Neg()"
  311.                  style=
  312.                  "COLOR: #FFFFFF; BACKGROUND-COLOR: #000000; HEIGHT: 25 px; WIDTH: 40px" /></td>
  313.  
  314.           <td width="50"
  315.               height="2"><input type="button"
  316.                  name="DoIt"
  317.                  value=" = "
  318.                  onclick="doit()"
  319.                  style=
  320.                  "COLOR: #FFFFFF; BACKGROUND-COLOR: #000000; HEIGHT: 25 px; WIDTH: 40px" /></td>
  321.  
  322.           <td width="50"
  323.               height="2"><input type="button"
  324.                  name="round2"
  325.                  value="Ran#"
  326.                  onclick="Ran()"
  327.                  style=
  328.                  "COLOR: #FFFFFF; BACKGROUND-COLOR: #000000; HEIGHT: 25 px; WIDTH: 40px" /></td>
  329.         </tr>
  330.  
  331.         <tr bgcolor="#000000">
  332.           <td width="50"
  333.               height="24">&nbsp;</td>
  334.  
  335.           <td width="50"
  336.               height="24">&nbsp;</td>
  337.  
  338.           <td width="50"
  339.               height="24">&nbsp;</td>
  340.  
  341.           <td width="20"
  342.               height="24">&nbsp;</td>
  343.  
  344.           <td width="50"
  345.               height="24">&nbsp;</td>
  346.  
  347.           <td width="50"
  348.               height="24">&nbsp;</td>
  349.  
  350.           <td width="50"
  351.               height="24">&nbsp;</td>
  352.         </tr>
  353.  
  354.         <tr bgcolor="#000000">
  355.           <td width="50"><input type="button"
  356.                  name="quad"
  357.                  value="^2"
  358.                  onclick=
  359.                  "form.input.value = form.input.value * form.input.value"
  360.                  style=
  361.                  "COLOR: #FFFFFF; BACKGROUND-COLOR: #333333; HEIGHT: 25 px; WIDTH: 40px" /></td>
  362.  
  363.           <td width="50"><input type="button"
  364.                  name="root"
  365.                  value="root"
  366.                  onclick="Root()"
  367.                  style=
  368.                  "COLOR: #FFFFFF; BACKGROUND-COLOR: #333333; HEIGHT: 25 px; WIDTH: 40px" /></td>
  369.  
  370.           <td width="50"><input type="button"
  371.                  name="ln"
  372.                  value="ln"
  373.                  onclick="Ln()"
  374.                  style=
  375.                  "COLOR: #FFFFFF; BACKGROUND-COLOR: #333333; HEIGHT: 25 px; WIDTH: 40px" /></td>
  376.  
  377.           <td width="20">&nbsp;</td>
  378.  
  379.           <td width="50"><input type="button"
  380.                  name="1/2"
  381.                  value="1/2"
  382.                  onclick="form.input.value += '0.5'"
  383.                  style=
  384.                  "COLOR: #B3B300; BACKGROUND-COLOR: #000000; HEIGHT: 25 px; WIDTH: 40px" /></td>
  385.  
  386.           <td width="50"><input type="button"
  387.                  name="1/3"
  388.                  value="1/3"
  389.                  onclick="form.input.value += '0.3333333333'"
  390.                  style=
  391.                  "COLOR: #B3B300; BACKGROUND-COLOR: #000000; HEIGHT: 25 px; WIDTH: 40px" /></td>
  392.  
  393.           <td width="50"><input type="button"
  394.                  name="1/4"
  395.                  value="1/4"
  396.                  onclick="form.input.value += '0.25'"
  397.                  style=
  398.                  "COLOR: #B3B300; BACKGROUND-COLOR: #000000; HEIGHT: 25 px; WIDTH: 40px" /></td>
  399.         </tr>
  400.  
  401.         <tr bgcolor="#000000">
  402.  
  403.           <td width="50"><input type="button"
  404.                  name="sin"
  405.                  value="sin"
  406.                  onclick="Sin()"
  407.                  style=
  408.                  "COLOR: #FFFFFF; BACKGROUND-COLOR: #333333; HEIGHT: 25 px; WIDTH: 40px" /></td>
  409.  
  410.           <td width="50"><input type="button"
  411.                  name="cos"
  412.                  value="cos"
  413.                  onclick="Cos()"
  414.                  style=
  415.                  "COLOR: #FFFFFF; BACKGROUND-COLOR: #333333; HEIGHT: 25 px; WIDTH: 40px" /></td>
  416.  
  417.           <td width="50"><input type="button"
  418.                  name="tan"
  419.                  value="tan"
  420.                  onclick="Tan()"
  421.                  style=
  422.                  "COLOR: #FFFFFF; BACKGROUND-COLOR: #333333; HEIGHT: 25 px; WIDTH: 40px" /></td>
  423.  
  424.           <td width="20">&nbsp;</td>
  425.  
  426.           <td width="50"><input type="button"
  427.                  name="1/5"
  428.                  value="1/5"
  429.                  onclick="form.input.value += '0.2'"
  430.                  style=
  431.                  "COLOR: #B3B300; BACKGROUND-COLOR: #000000; HEIGHT: 25 px; WIDTH: 40px" /></td>
  432.  
  433.           <td width="50"><input type="button"
  434.                  name="1/6"
  435.                  value="1/6"
  436.                  onclick="form.input.value += '0.1666666667'"
  437.                  style=
  438.                  "COLOR: #B3B300; BACKGROUND-COLOR: #000000; HEIGHT: 25 px; WIDTH: 40px" /></td>
  439.  
  440.           <td width="50"><input type="button"
  441.                  name="1/7"
  442.                  value="1/7"
  443.                  onclick="form.input.value += '0.1428571429'"
  444.                  style=
  445.                  "COLOR: #B3B300; BACKGROUND-COLOR: #000000; HEIGHT: 25 px; WIDTH: 40px" /></td>
  446.         </tr>
  447.  
  448.         <tr bgcolor="#000000">
  449.           <td width="50"><input type="button"
  450.                  name="sin2"
  451.                  value="asin"
  452.                  onclick="Isin()"
  453.                  style=
  454.                  "COLOR: #FFFFFF; BACKGROUND-COLOR: #333333; HEIGHT: 25 px; WIDTH: 40px" /></td>
  455.  
  456.           <td width="50"><input type="button"
  457.                  name="cos2"
  458.                  value="acos"
  459.                  onclick="Icos()"
  460.                  style=
  461.                  "COLOR: #FFFFFF; BACKGROUND-COLOR: #333333; HEIGHT: 25 px; WIDTH: 40px" /></td>
  462.  
  463.           <td width="50"><input type="button"
  464.                  name="tan2"
  465.                  value="atan"
  466.                  onclick="Itan()"
  467.                  style=
  468.                  "COLOR: #FFFFFF; BACKGROUND-COLOR: #333333; HEIGHT: 25 px; WIDTH: 40px" /></td>
  469.  
  470.           <td width="20">&nbsp;</td>
  471.  
  472.           <td width="50"><input type="button"
  473.                  name="1/8"
  474.                  value="1/8"
  475.                  onclick="form.input.value += '0.125'"
  476.                  style=
  477.                  "COLOR: #B3B300; BACKGROUND-COLOR: #000000; HEIGHT: 25 px; WIDTH: 40px" /></td>
  478.  
  479.           <td width="50"><input type="button"
  480.                  name="1/9"
  481.                  value="1/9"
  482.                  onclick="form.input.value += '0.1111111111'"
  483.                  style=
  484.                  "COLOR: #B3B300; BACKGROUND-COLOR: #000000; HEIGHT: 25 px; WIDTH: 40px" /></td>
  485.  
  486.           <td width="50"><input type="button"
  487.                  name="1/10"
  488.                  value="1/10"
  489.                  onclick="form.input.value += '0.1'"
  490.                  style=
  491.                  "COLOR: #B3B300; BACKGROUND-COLOR: #000000; HEIGHT: 25 px; WIDTH: 40px" /></td>
  492.         </tr>
  493.       </table>
  494.     </form>
  495.  
  496.   </div>
  497.  
  498.   <center>
  499.     <font face="arial, helvetica">F.C. Calcolatrice
  500.     <br />
  501.     by <a href="http://www.filippocorti.com">F.C.</a></font>
  502.   </center>
  503.  
  504.   <p><!-- Script Size:  13.44 KB --></p>
  505.  
  506. </body>
  507. </html>

Report this snippet 

You need to login to post a comment.