javascript简易计算器
时间: 2023-09-24 21:09:18 浏览: 130
Sure! 这是一个简单的 JavaScript 计算器的示例代码:
```javascript
// 获取输入的数字和操作符
const num1 = parseFloat(prompt("请输入第一个数字"));
const operator = prompt("请输入操作符");
const num2 = parseFloat(prompt("请输入第二个数字"));
let result;
// 根据操作符执行相应的计算
switch (operator) {
case "+":
result = num1 + num2;
break;
case "-":
result = num1 - num2;
break;
case "*":
result = num1 * num2;
break;
case "/":
result = num1 / num2;
break;
default:
result = "无效的操作符";
}
// 输出结果
console.log(`计算结果: ${result}`);
// 相关问题:
相关问题
javascript简易计算器代码
可以参考以下JavaScript简易计算器代码:<script>
// 用于保存输入的第一个数字
var num1 = 0;
// 用于保存输入的第二个数字
var num2 = 0;
// 用于保存输入的操作符
var operator = '';
// 用于保存最终的计算结果
var result = 0; // 定义函数,用于获取第一个数字
function getNum1(){
num1 = prompt('请输入第一个数字:');
if(isNaN(num1)){
alert('请输入数字!');
getNum1;
}
} // 定义函数,用于获取第二个数字
function getNum2(){
num2 = prompt('请输入第二个数字:');
if(isNaN(num2)){
alert('请输入数字!');
getNum2;
}
} // 定义函数,用于获取运算符
function getOperator(){
operator = prompt('请输入运算符(+、-、*、/):');
if(operator !== '+' && operator !== '-' && operator !== '*' && operator !== '/') {
alert('请输入正确的运算符!');
getOperator;
}
} // 定义函数,用于计算结果
function calculate(){
switch(operator){
case '+':
result = parseInt(num1) + parseInt(num2);
break;
case '-':
result = parseInt(num1) - parseInt(num2);
break;
case '*':
result = parseInt(num1) * parseInt(num2);
break;
case '/':
result = parseInt(num1) / parseInt(num2);
break;
}
} // 调用函数,获取第一个数字
getNum1();
// 调用函数,获取第二个数字
getNum2();
// 调用函数,获取运算符
getOperator();
// 调用函数,计算结果
calculate();
// 输出结果
alert('计算结果为:' + result);
</script>
javascript简易计算器的制作
以下是使用JavaScript制作简易计算器的示例代码:
```javascript
// 获取页面上的按钮元素
var buttons = document.querySelectorAll('.button');
// 获取显示结果的元素
var result = document.getElementById('result');
// 遍历按钮元素,为每个按钮添加点击事件
buttons.forEach(function(button) {
button.addEventListener('click', function() {
// 获取按钮上的值
var value = button.innerHTML;
// 根据按钮的值进行相应的操作
switch (value) {
case '=':
// 计算结果
try {
result.innerHTML = eval(result.innerHTML);
} catch (error) {
result.innerHTML = 'Error';
}
break;
case 'C':
// 清空结果
result.innerHTML = '';
break;
default:
// 将按钮的值添加到结果中
result.innerHTML += value;
break;
}
});
});
```
这段代码实现了一个简易的计算器,可以进行加减乘除的运算。通过获取页面上的按钮元素和显示结果的元素,然后为每个按钮添加点击事件,根据按钮的值进行相应的操作,最后将结果显示在页面上。
阅读全文