【学习任务】实现计算器功能
我要参与
【学习任务】实现计算器功能
学习任务 3.8k
等39人参与
来源: 第7周 / 前端工程师

对于一些小数值的计算,大家可以很快的得出结果,例如:10+10=20,但是对于一些大数值的计算,例如:9516+7534,算出结果可能需要一些时间。说到这,肯定会有小伙伴想到了计算器,没错,计算器可以快速的得到计算结果。那么:接下来就让我们亲手做一个可以进行加减乘除的计算器吧!

演示视频
作业描述
<!DOCTYPE html>
<html>

<head>
    <title></title>
</head>

<body>
    <input type='text' id='num1' />
    <select id='operate'>
        <option value='+'>+</option>
        <option value="-">-</option>
        <option value="*">*</option>
        <option value="/">/</option>
    </select>
    <input type='text' id='num2' />
    <input type='button' value=' = ' id="btn" />
    <input type='text' id='result' />
</body>

</html>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
代码块
复制 预览
复制成功!
去发布

登录后即可发布作业,立即

我的作业

全部作业 315

城诗
<script>

        var btn = document.getElementById('btn');

        var result = document.getElementById('result');

        btn.onclick = function () {

            var num1 = Number(document.getElementById('num1').value);

            var num2 = Number(document.getElementById('num2').value);

            var operate = document.getElementById('operate').value;

            if (operate == '+') {

                result.value = num1 + num2;

            } else if (operate == '-') {

                result.value = num1 - num2;

            } else if (operate == '*') {

                result.value = num1 * num2;

            } else if (operate == '/') {

                result.value = num1 / num2;

            } else {

                result.value = num1 % num2;

            }

        }

    </script>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
代码块
复制 预览
复制成功!
提交于  2024-03-11 00:32:35
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师