kalkulator 5.1

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Calculator</title>
  <script>
    document.addEventListener("DOMContentLoaded", function() {
      var $containers = document.getElementsByTagName("p"),
        $variables = $containers[0].getElementsByTagName("input"),
        $operators = $containers[1].getElementsByTagName("input"),
        $calc = document.getElementsByTagName("button")[0];

      function calculate() {
        var result, $checked,
          a = $variables[0].value - "0", b = $variables[1].value - "0";

        if(isNaN(a) || isNaN(b)) {
          alert("All inputs must be numbers!");
          return;
        }

        for(var i = 0; i < $operators.length; i++)
          if($operators[i].checked) {
            $checked = $operators[i];
            break;
          }

        switch($checked.id) {
          case "plus":
            result = a + b;
            break;
          case "minus":
            result = a - b;
            break;
          case "mnoz":
            result = a * b;
            break;
          case "del":
            result = a / b;
            break;
          case "sin":
            result = Math.sin(a);
            break;
          case "cos":
            result = Math.cos(a);
            break;
          case "tg":
            result = Math.tan(a);
            break;
          case "cel":
            result = Math.round(a);
            break;
          case "stepen":
            result = Math.pow(a, b);
            break;
          default:
            result = Math.sqrt(a);
            break;
        }

        $containers[2].innerHTML = result;
      }

      $calc.addEventListener("click", calculate);
    });
  </script>
</head>
<body>
<h1>Калкулатор</h1>
<div>
  <div style="text-align:left; float:left">
    <p>
      а <input id="a" style="width:15px"/>
      b <input id="b" style="width:15px"/>
    </p>
    <p>
      <input id="plus" type="radio" name="oper" checked>a+b
      <input id="minus" type="radio" name="oper">a-b
      <input id="mnoz" type="radio" name="oper">a*b
      <input id="del" type="radio" name="oper">a/b
      <br>
      <input id="sin" type="radio" name="oper">sin(a)
      <input id="cos" type="radio" name="oper">cos(a)
      <input id="tg" type="radio" name="oper">tg(a)
      <br>
      <input id="cel" type="radio" name="oper">[a]
      <input id="stepen" type="radio" name="oper">a<sup>b</sup>
      <input id="koren" type="radio" name="oper">&radic;<span style="text-decoration: overline">a</span>
    </p>
    <button>Пресметај</button>
    <p id="rezultat"></p>
  </div>
</div>
<br/>
</body>
</html>