Calculator [Лаб. 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>