JavaScript制作简易版计算器——求任意两个数的和差积商取余

一、知识点

1·1 需求分析

  1. 计算器的主要功能是可以实现计算
  2. 求任意两个数,我们需要提供输入框给用户进行输入数字
  3. 判断两个数进行什么运算,所以还需要一个输入框接收用户输入运算符
  4. 用户输入的值,用来计算我们就得定义一个变量来存储这些值,后面便以使用
  5. 最后是进行计算,输出结果返回给用户

1·2 JavaScript的输入输出语句

  • alert(msg):浏览器弹出警示框
  • console.log(msg):浏览器控制台打印输出信息
  • prompt(info):浏览器弹出输入框,用户可以输入

1·3 变量

1·3·1 变量的使用

  1. 先声明变量
  2. 给变量赋值

//声明变量
var age;//声明一个 名称为age的变量

注意:
1】var是一个JS关键字,用来声明变量(variable变量的意思)。使用该关键字声明变量后,计算机会自动为变量分配内存空间,不需要程序员管
2】age是程序员定义的变量名,我们要通过变量名来访问内存中分配的空间

//给变量赋值
age = 10;//给age这个变量赋值为10

注意:
1】=用来把右边的值赋给左边的变量空间中 此处代表赋值的意思
2】变量值是程序员保存到变量空间里的值

//变量初始化
var age = 19;//声明变量同时赋值为19

1·3·2 变量的命名规范

  • 由字母(A-Za-z)、数字(0-9)、下划线(_)、美元符号($)组成,如:
    usrAge,num01,_name
  • 严格区分大小写。var app;和var App;是两个变量
  • 不能以数字开头。例如:18age是错误的。
  • 不能是关键字、保留字。例如:var、for、while。
  • 变量名必须有意义。例如:MMD BBD nl->age,不要这样定义。
  • 遵守驼峰命名法。首字母小写,后面单词的首字母需要大写。例如:myFirstName。

二、计算器代码

 <script>
        //两个数加减乘除取余的简易计算器
        var num1 = prompt('请输入第一个数字:'); //定义一个变量存储用户输入的第一个数字
        var op = prompt('请输入(+-*/%)任意一个运算符:'); //定义一个变量存储输入的运算符
        var num2 = prompt('请输入第二个数字:'); //定义一个变量存储用户输入的第二个数字
        var sum = 0; //初始化最后输出的变量值
        switch (op) {
            case '+': //判断op是否为'+',为'+'输出里面的语句
                sum = parseInt(num1) + parseInt(num2); //parseInt转换为数字型用以计算
                alert('两数和为:' + sum); //弹出结果
                break; //执行完毕跳出整个循环
            case '-':
                sum = parseInt(num1) - parseInt(num2);
                alert('两数差为:' + sum);
                break;
            case '*':
                sum = parseInt(num1) * parseInt(num2);
                alert('两数积为:' + sum);
                break;
            case '/':
                sum = parseInt(num1) / parseInt(num2);
                alert('两数商为:' + sum);
                break;
            case '%':
                sum = parseInt(num1) % parseInt(num2);
                alert('两数取余为:' + sum);
                break;
            default:
                {
                    alert('输入错误,请重新输入');
                }
        }
    </script>

三、效果展示

学习一门新的编程,刚开始确实是挺难的,需要多多练习,成功的捷径唯有努力!

  • 3
    点赞
  • 17
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

super码力

么么哒,夏天来块儿冰西瓜!

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值