calculator.html

   1 <html>  <head>
   2                 <meta charset="utf-8">
   3         <style>
   4                 button{width:50px}
   5                 input{width:200px;font-family:mono}
   6                 #rechnung{}
   7                 #ergebnis{}
   8                 iframe{background:none;}
   9         </style>
  10         <script>
  11                         var result="";
  12                         function addtoterm(charx){
  13                         document.getElementById('rechnung').value+=charx;
  14                         }
  15                         function reset(){
  16                         document.getElementById('rechnung').value="";
  17                         document.getElementById('ergebnis').value="";
  18                         }
  19                         function deletec(){
  20                         var oldn=document.getElementById('rechnung').value;
  21                         var newn=oldn.slice(0,oldn.length-1);
  22                         document.getElementById('rechnung').value=newn;
  23                                 }
  24                         function calculate(){
  25                         var term=document.getElementById('rechnung').value;
  26                         term=term.replace(/x/,'*');
  27                         term=term.replace(/:/,'/');
  28                         result=eval(term);
  29                         if(result===NaN){
  30                         result="Mathematisch Inkorrekt";
  31                         document.getElementById('ergebnis').value=result;
  32                         result="";
  33                                 }
  34                         else if(result===undefined){
  35                         result="Nicht Definiert";
  36                         document.getElementById('ergebnis').value=result;
  37                         result="";
  38                                 }
  39                         else{
  40                                 document.getElementById('ergebnis').value=result;
  41                                 }
  42                                 }
  43         </script>
  44         </head>
  45         <body>
  46
  47                 <input type="text"readonly id="rechnung"><br>
  48                 <input type="text"readonly id="ergebnis"><br>
  49                 <button onclick="addtoterm(1)">1</button><button onclick="addtoterm(2)">2</button><button onclick="addtoterm(3)">3</button><button onclick='addtoterm(":")'>:</button><br>
  50                 <button onclick="addtoterm(4)">4</button><button onclick="addtoterm(5)">5</button><button onclick="addtoterm(6)">6</button><button onclick='addtoterm("x")'>x</button><br>
  51                 <button onclick="addtoterm(7)">7</button><button onclick="addtoterm(8)">8</button><button onclick="addtoterm(9)">9</button><button onclick='addtoterm("-")'>-</button><br>
  52                 <button onclick="addtoterm(0)">0</button><button onclick='addtoterm("(")'>(</button><button onclick='addtoterm(")")'>)</button><button onclick='addtoterm("+")'>+</button><br>
  53                 <button onclick="deletec()">del</button><button onclick="reset()">AC</button><button onclick="addtoterm(result)">Ans</button><button onclick="calculate()">=</button><br>
  54
  55         </body>
  56 </html>