求 JS写的简单计算器中 按键控制长度的代码

我的意思是 计算器 进行加减乘除 按数字比如123456789 我只要求按出 5位数 按12345后面的就按不出来了 不能超过5位数 后面再按就限制 这样怎么做 如何写这样的代码
求大神告知

         function addNum(n) {
            var nowNum = myform.num.value;
            if (nowNum == "0") {
                myform.num.value = n
            } else if(myform.num.value.length<5) {/////////
                myform.num.value = myform.num.value + n;
            }
        }



JiSuanQi
<br> var oper = &quot;&quot;<br> var num = 0;<br> //输入数字<br> function addNum(n){<br> var nowNum = myform.num.value;<br> if(nowNum == &quot;0&quot;){<br> myform.num.value = n<br> }else{<br> myform.num.value = myform.num.value + n;<br> }<br> }<br> //添加运算符<br> function setOper(op){<br> oper = op;<br> num = myform.num.value*1;<br> }<br> function getCount(){<br> if(oper != &quot;&quot;){<br> if(oper == &quot;+&quot;){</p> <pre><code> }else if(oper == &quot;-&quot;){ }else if(oper == &quot;*&quot;){ }else if(oper == &quot;/&quot;){ }else if(oper == &quot;%&quot;){ } } } &lt;/script&gt; &lt;style&gt; #ceng{width:600px;height:650px;background:#323850;} .jr{background-Image:url(&#39;jr.png&#39;)} .mr{background-Image:url(&#39;mr.png&#39;)} .ax{background-Image:url(&#39;ax.png&#39;)} .fk{background-Image:url(&#39;fk.png&#39;)} &lt;/style&gt; &lt;/head&gt; &lt;body bgcolor=&quot;green&quot;&gt; &lt;center&gt; &lt;form id=&quot;myform&quot;&gt; &lt;div id=&quot;ceng&quot; align=&quot;center&quot;&gt;&lt;br&gt;&lt;br&gt;&lt;font size=&quot;7&quot;&gt;简易计算器&lt;/font&gt;&lt;br&gt;&lt;br&gt; &lt;table border=&quot;1&quot; width=&quot;560px&quot; height=&quot;480px&quot; align=&quot;center&quot;&gt; &lt;tr&gt; &lt;td colspan=&quot;4&quot;&gt; &lt;input id=&quot;num&quot; type=&quot;text&quot; onfocus=&quot;blur()&quot; value=&quot;0&quot;/&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; &lt;input id=&quot;bt1&quot; type=&quot;button&quot; value=&quot;1&quot; onclick=&quot;addNum(1)&quot;/&gt; &lt;/td&gt; &lt;td&gt; &lt;input id=&quot;bt2&quot; type=&quot;button&quot; value=&quot;2&quot; onclick=&quot;addNum(2)&quot;/&gt; &lt;/td&gt; &lt;td&gt; &lt;input id=&quot;bt3&quot; type=&quot;button&quot; value=&quot;3&quot; onclick=&quot;addNum(3)&quot;/&gt; &lt;/td&gt; &lt;td&gt; &lt;input id=&quot;bt10&quot; type=&quot;button&quot; value=&quot;+&quot; onclick=&quot;setOper(&#39;+&#39;)&quot;/&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; &lt;input id=&quot;bt4&quot; type=&quot;button&quot; value=&quot;4&quot; onclick=&quot;addNum(4)&quot;/&gt; &lt;/td&gt; &lt;td&gt; &lt;input id=&quot;bt5&quot; type=&quot;button&quot; value=&quot;5&quot; onclick=&quot;addNum(5)&quot;/&gt; &lt;/td&gt; &lt;td&gt; &lt;input id=&quot;bt6&quot; type=&quot;button&quot; value=&quot;6&quot; onclick=&quot;addNum(6)&quot;/&gt; &lt;/td&gt; &lt;td&gt; &lt;input id=&quot;bt11&quot; type=&quot;button&quot; value=&quot;-&quot; onclick=&quot;addNum()&quot;/&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; &lt;input id=&quot;bt7&quot; type=&quot;button&quot; value=&quot;7&quot; onclick=&quot;addNum(7)&quot;/&gt; &lt;/td&gt; &lt;td&gt; &lt;input id=&quot;bt8&quot; type=&quot;button&quot; value=&quot;8&quot; onclick=&quot;addNum(8)&quot;/&gt; &lt;/td&gt; &lt;td&gt; &lt;input id=&quot;bt9&quot; type=&quot;button&quot; value=&quot;9&quot; onclick=&quot;addNum(9)&quot;/&gt; &lt;/td&gt; &lt;td&gt; &lt;input id=&quot;bt12&quot; type=&quot;button&quot; value=&quot;*&quot; onclick=&quot;addNum()&quot;/&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; &lt;input id=&quot;bt0&quot; type=&quot;button&quot; value=&quot;0&quot; onclick=&quot;addNum(0)&quot;/&gt; &lt;/td&gt; &lt;td&gt; &lt;input id=&quot;bt13&quot; type=&quot;button&quot; value=&quot;.&quot; onclick=&quot;addNum()&quot;/&gt; &lt;/td&gt; &lt;td&gt; &lt;input id=&quot;bt14&quot; type=&quot;button&quot; value=&quot;%&quot; onclick=&quot;addNum(1)&quot;/&gt; &lt;/td&gt; &lt;td&gt; &lt;input id=&quot;bt15&quot; type=&quot;button&quot; value=&quot;/&quot; onclick=&quot;addNum()&quot;/&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; &lt;input id=&quot;bt16&quot; type=&quot;button&quot; value=&quot;C&quot; onclick=&quot;addNum()&quot;/&gt; &lt;/td&gt; &lt;td&gt; &lt;input id=&quot;bt17&quot; type=&quot;button&quot; value=&quot;←&quot; onclick=&quot;addNum()&quot;/&gt; &lt;/td&gt; &lt;td colspan=&quot;2&quot;&gt; &lt;input id=&quot;bt18&quot; type=&quot;button&quot; value=&quot;=&quot; onclick=&quot;addNum()&quot;/&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/div&gt; &lt;/form&gt; &lt;/center&gt; &lt;/body&gt; &lt;script&gt; for (var i = 0;i&lt;19 ;i++ ) { document.getElementById(&quot;bt&quot;+i).style.width=&quot;140px&quot;; document.getElementById(&quot;bt&quot;+i).style.height=&quot;90px&quot;; document.getElementById(&quot;bt&quot;+i).style.fontSize=&quot;80px&quot; document.getElementById(&quot;bt&quot;+i).className= &quot;mr&quot;//默认状态按键颜色 document.getElementById(&quot;bt&quot;+i).onmouseover = function(){this.className= &quot;jr&quot;};//匿名函数(鼠标进入事件) document.getElementById(&quot;bt&quot;+i).onmouseout = function(){this.className= &quot;mr&quot;};//鼠标移出事件(默认事件) document.getElementById(&quot;bt&quot;+i).onmousedown = function(){this.className= &quot;ax&quot;};//鼠标按下事件 document.getElementById(&quot;bt&quot;+i).onmouseup = function(){this.className= &quot;fk&quot;};//鼠标放开事件 } document.getElementById(&quot;bt18&quot;).style.width=&quot;286px&quot;; document.getElementById(&quot;num&quot;).style.width=&quot;580px&quot;; document.getElementById(&quot;num&quot;).style.height=&quot;90px&quot;; document.getElementById(&quot;num&quot;).style.fontSize=&quot;70px&quot;; &lt;/script&gt; </code></pre> <p></html></p>

var len = str.length;
if(len>5){
alert("长度5了");
};

设置一个全局计数器,在keydown事件中,累加