一、知识点
1·1 需求分析
- 计算器的主要功能是可以实现计算
- 求任意两个数,我们需要提供输入框给用户进行输入数字
- 判断两个数进行什么运算,所以还需要一个输入框接收用户输入运算符
- 用户输入的值,用来计算我们就得定义一个变量来存储这些值,后面便以使用
- 最后是进行计算,输出结果返回给用户
1·2 JavaScript的输入输出语句
- alert(msg):浏览器弹出警示框
- console.log(msg):浏览器控制台打印输出信息
- prompt(info):浏览器弹出输入框,用户可以输入
1·3 变量
1·3·1 变量的使用
- 先声明变量
- 给变量赋值
//声明变量
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>
三、效果展示
学习一门新的编程,刚开始确实是挺难的,需要多多练习,成功的捷径唯有努力!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/6291.html