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

注意:

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。

二、计算器代码

=======

  • 6
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是一个简易JavaScript 计算器代码示例: ``` <!DOCTYPE html> <html> <head> <title>JavaScript 计算器</title> <style> input[type="button"] { width: 50px; height: 50px; font-size: 20px; margin: 5px; border-radius: 5px; border: none; background-color: #eee; cursor: pointer; } input[type="text"] { width: 160px; height: 50px; font-size: 20px; margin: 5px; border-radius: 5px; border: none; background-color: #fff; text-align: right; padding-right: 10px; } </style> </head> <body> <input type="text" id="result" value="0"> <br> <input type="button" value="1" onclick="buttonClick(1)"> <input type="button" value="2" onclick="buttonClick(2)"> <input type="button" value="3" onclick="buttonClick(3)"> <input type="button" value="+" onclick="buttonClick('+')"> <br> <input type="button" value="4" onclick="buttonClick(4)"> <input type="button" value="5" onclick="buttonClick(5)"> <input type="button" value="6" onclick="buttonClick(6)"> <input type="button" value="-" onclick="buttonClick('-')"> <br> <input type="button" value="7" onclick="buttonClick(7)"> <input type="button" value="8" onclick="buttonClick(8)"> <input type="button" value="9" onclick="buttonClick(9)"> <input type="button" value="*" onclick="buttonClick('*')"> <br> <input type="button" value="C" onclick="clearResult()"> <input type="button" value="0" onclick="buttonClick(0)"> <input type="button" value="=" onclick="calculateResult()"> <input type="button" value="/" onclick="buttonClick('/')"> <script> var result = document.getElementById("result"); var currentNumber = "0"; var operation = "+"; var newNumber = true; function buttonClick(number) { if (newNumber) { result.value = number; newNumber = false; } else { result.value += number; } } function clearResult() { result.value = "0"; currentNumber = "0"; operation = "+"; newNumber = true; } function calculateResult() { var number = parseFloat(result.value); switch (operation) { case "+": currentNumber += number; break; case "-": currentNumber -= number; break; case "*": currentNumber *= number; break; case "/": currentNumber /= number; break; } result.value = currentNumber; newNumber = true; } </script> </body> </html> ``` 这个示例代码包含了一个 HTML 页面,其中包含了一个文本框和一些按钮,每个按钮代表一个数字或者一个运算符。当用户点击按钮时,JavaScript 代码会将数字或者运算符添加到文本框中。当用户点击等号时,JavaScript 代码会根据当前的数字和运算符计算结果,并更新文本框的值。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值