计算器页面功能的简单实现

<section>
    <input /><br />
    <div class="opt">(</div>
    <div class="opt">)</div>
    <div class="opt">%</div>
    <div class="opt">C</div>
    <div>7</div>
    <div>9</div>
    <div>8</div>
    <div class="opt">/</div>
    <div>4</div>
    <div>5</div>
    <div>6</div>
    <div class="opt">*</div>
    <div>1</div>
    <div>2</div>
    <div>3</div>
    <div class="opt">-</div>
    <div>0</div>
    <div>.</div>
    <div>=</div>
    <div class="opt">+</div>
    <section>
        <script>
            var ipt = document.querySelector("input");
            var divs = document.querySelectorAll("div");
            for (let i = 0; i <= divs.length; i++) {
                let dv = divs[i];
                dv.onclick = function () {
                    try {
                        if (dv.innerText != "C" && dv.innerText != "=") {
                            ipt.value += dv.innerText;
                        }
                        else if (dv.innerText == "C") {
                            ipt.value = "";
                        }
                        else {
                            var jg = eval(ipt.value);
                            ipt.value = jg;
                        }
                    }
                  catch(error){
                      alert("警告！出现错误"+error.message);
                  }
                }
            }

        </script>