网页计算器

      发布在:源码分享      评论:5 条评论
<!doctype html>
 <html lang="en">
 <head>
        <meta charset="UTF-8">
        <title>javascript 的calc</title>
 </head>
 <body> <center >
        <form action="" id=’meform’>
                        <input type="text" name=’num1’><br>
               
                        <input type="button" value="-" onclick="do1(’-’)">
                        <input type="button" value="+" onclick="do1(’+’)">
                        <input type="button" value="*" onclick="do1(’*’)">
                        <input type="button" value="/" onclick="do1(’/’)"><br>
                        <input type="text" name=’num2’>
                        <br>计算的结果是:<h2 id="we"></h2>
        </form></center>
         <script>
                        function do1(oper){
                        var num1 = parseFloat(document.getElementById(’meform’).num1.value)
                        var num2 =parseFloat(document.getElementById(’meform’).num2.value)
                        switch(oper){
                                case ’+’:
                                        var res=num1+num2;
                                break;
                                case ’-’:
                                        var res=num1-num2;
                                break;
                                case ’*’:
                                        var res=num1*num2;
                                break;
                                case ’/’:
                                        var res=num1/num2;
                                break;
                        }
                        document.getElementById(’we’).innerHTML = res;
                }
        </script>
 </body>
 </html>

源码演示:




javascript 的calc







计算的结果是:





本源码来自虎绿林的@梦浪的小虾米 由记忆时光|二超博客整理

Responses

    加载中...
  1. 不会用……另外缺少溢出处理

    回复
  2. @Brother Sharp:作者又不是我。。。

    回复
  3. @Brother Sharp:好吧,js溢出不是范围之内的,术业有专攻,如是而已

    回复
  4. @Brother Sharp:作者来了

    回复
  5. @梦浪的虾米:是咩~这么神奇啊

    回复