美文网首页
简单js做计算器

简单js做计算器

作者: Python黑户 | 来源:发表于2019-06-13 11:19 被阅读0次

计算器

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>switch练习2</title>
        <script type="text/javascript">
            window.onload = function(){
                var js = document.getElementById('js')
                js.onclick = function(){
                    while (true){
                        var in1 = document.getElementById('in1').value;
                        var in2 = document.getElementById('in2').value;
                        var st1 = document.getElementById('st1').value;
                        in1 = parseInt(in1);
                        in2 = parseInt(in2);
                        if (isNaN(in1) || isNaN(in2)){
                            alert('输入不合法');
                            break
                        }else{
                            if (st1 == 'a'){
                                var b = in1+in2;
                                alert(in1+'+'+in2+'='+b);
                                break
                            }else if (st1 == 'b'){
                                var b = in1-in2;
                                alert(in1+'-'+in2+'='+b);
                                break
                            }else if (st1 == 'c'){
                                var b = in1*in2;
                                alert(in1+'*'+in2+'='+b);
                                break
                            }else if (st1 == 'd'){
                                var b = in1/in2;
                                alert(in1+'/'+in2+'='+b);
                                break
                            }
                        }
                    }
                }
            }
        </script>
    </head>
    <body>
        <input type="text" name="" id="in1">
        <select id="st1">
            <option value="a">+</option>
            <option value="b">-</option>
            <option value="c">*</option>
            <option value="d">/</option>
        </select>
        <input type="text" name="" id="in2">
        <input type="button" name="" value="计算" id="js">
    </body>
</html>

相关文章

  • 简单js做计算器

    计算器

  • JavaScript制作简单计算器

    JavaScript经典小项目——制作简单的计算器功能使用JS完成一个简单的计算器 功能。实现2个输入框中输入整...

  • 简单计算器---练手

    在学js的过程中用eval方法写了一个简单的计算器,本来想模仿Google的计算器,可是发现不太会,就只把简易版实...

  • 简单的原生JS计算器

    无聊,看视频的时候看到算数,于是心血来潮打算写个计算器来玩玩。想了一下,决定用原生JS写,功能也不需要太复杂,就简...

  • js制作简单的计算器

    只是单纯的做了计算器,所以看起来不是特别美观 只做了:加.减.乘.除; 代码如下: html js

  • js 基础之简单计算器

    犀牛书实在是太厚了,看不了多少就想睡觉。刚好前两天在 github 上看见一个大神用 js 写的 2048,很心动...

  • 出征(14)

    今天准备把项目完成的,我最后选择了网页计算器。 本来以为很简单的,上午把样式完成了,下午就开始琢磨JS部分了。 不...

  • Day7:计算器

    首先来推一下本次我学习的课程:用Python做计算器 - 网易云课堂 今天主要是基于昨天的基础写的一个简单的计算器...

  • 强大的Win7计算器

    强大的Win7计算器 Windows下自带的计算器用的也挺多了,但是基本上都是做一些简单的加减乘除,坦白讲,之前我...

  • 016:简单计算器

    016:简单计算器 总时间限制: 1000ms 内存限制: 65536kB描述一个最简单的计算器,支持+, -, ...

网友评论

      本文标题:简单js做计算器

      本文链接:https://www.haomeiwen.com/subject/typjfctx.html