飞-超
飞-超

网页计算器

<!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







计算的结果是:





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

5258

文章作者

发表评论

textsms
account_circle
email

飞-超

网页计算器
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>javascript 的calc</title> </head> <body…
扫描二维码继续阅读
2015-09-14