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

导读:本篇文章讲解 JavaScript制作简易版计算器——求任意两个数的和差积商取余,希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com

一、知识点

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>

三、效果展示

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

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

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/6291.html

(0)
小半的头像小半

相关推荐

极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!