StefiIOE

kalkulator 5.1

Feb 10th, 2020
169
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.   <meta charset="utf-8">
  5.   <title>Calculator</title>
  6.   <script>
  7.     document.addEventListener("DOMContentLoaded", function() {
  8.       var $containers = document.getElementsByTagName("p"),
  9.         $variables = $containers[0].getElementsByTagName("input"),
  10.         $operators = $containers[1].getElementsByTagName("input"),
  11.         $calc = document.getElementsByTagName("button")[0];
  12.  
  13.       function calculate() {
  14.         var result, $checked,
  15.           a = $variables[0].value - "0", b = $variables[1].value - "0";
  16.  
  17.         if(isNaN(a) || isNaN(b)) {
  18.           alert("All inputs must be numbers!");
  19.           return;
  20.         }
  21.  
  22.         for(var i = 0; i < $operators.length; i++)
  23.           if($operators[i].checked) {
  24.             $checked = $operators[i];
  25.             break;
  26.           }
  27.  
  28.         switch($checked.id) {
  29.           case "plus":
  30.             result = a + b;
  31.             break;
  32.           case "minus":
  33.             result = a - b;
  34.             break;
  35.           case "mnoz":
  36.             result = a * b;
  37.             break;
  38.           case "del":
  39.             result = a / b;
  40.             break;
  41.           case "sin":
  42.             result = Math.sin(a);
  43.             break;
  44.           case "cos":
  45.             result = Math.cos(a);
  46.             break;
  47.           case "tg":
  48.             result = Math.tan(a);
  49.             break;
  50.           case "cel":
  51.             result = Math.round(a);
  52.             break;
  53.           case "stepen":
  54.             result = Math.pow(a, b);
  55.             break;
  56.           default:
  57.             result = Math.sqrt(a);
  58.             break;
  59.         }
  60.  
  61.         $containers[2].innerHTML = result;
  62.       }
  63.  
  64.       $calc.addEventListener("click", calculate);
  65.     });
  66.   </script>
  67. </head>
  68. <body>
  69. <h1>Калкулатор</h1>
  70. <div>
  71.   <div style="text-align:left; float:left">
  72.     <p>
  73.       а <input id="a" style="width:15px"/>
  74.       b <input id="b" style="width:15px"/>
  75.     </p>
  76.     <p>
  77.       <input id="plus" type="radio" name="oper" checked>a+b
  78.       <input id="minus" type="radio" name="oper">a-b
  79.       <input id="mnoz" type="radio" name="oper">a*b
  80.       <input id="del" type="radio" name="oper">a/b
  81.       <br>
  82.       <input id="sin" type="radio" name="oper">sin(a)
  83.       <input id="cos" type="radio" name="oper">cos(a)
  84.       <input id="tg" type="radio" name="oper">tg(a)
  85.       <br>
  86.       <input id="cel" type="radio" name="oper">[a]
  87.       <input id="stepen" type="radio" name="oper">a<sup>b</sup>
  88.       <input id="koren" type="radio" name="oper">&radic;<span style="text-decoration: overline">a</span>
  89.     </p>
  90.     <button>Пресметај</button>
  91.     <p id="rezultat"></p>
  92.   </div>
  93. </div>
  94. <br/>
  95. </body>
  96. </html>
RAW Paste Data