简单计算器：JS实现加减乘除运算
<!DOCTYPE html>
<html>
<head>
<title>简单计算器</title>
<script type='text/javascript'>
function calc() {
var num1 = parseFloat(document.getElementById('num1').value);
var num2 = parseFloat(document.getElementById('num2').value);
var operator = document.getElementById('operator').value;
var result = document.getElementById('result');
<pre><code> // 判断输入是否合法
if (isNaN(num1) || isNaN(num2)) {
alert('请输入数字!');
return;
}
// 调用相应函数完成计算
switch(operator) {
case '+':
result.value = add(num1, num2);
break;
case '-':
result.value = subtract(num1, num2);
break;
case '*':
result.value = multiply(num1, num2);
break;
case '/':
if (num2 === 0) {
alert('除数不能为0!');
return;
}
result.value = divide(num1, num2);
break;
default:
alert('请选择运算符!');
}
}
// 加法函数
function add(num1, num2) {
return num1 + num2;
}
// 减法函数
function subtract(num1, num2) {
return num1 - num2;
}
// 乘法函数
function multiply(num1, num2) {
return num1 * num2;
}
// 除法函数
function divide(num1, num2) {
return num1 / num2;
}
</script>
</code></pre>
</head>
<body>
<h1>简单计算器</h1>
<p>请输入两个数字进行加减乘除运算:</p>
<input type='text' id='num1' placeholder='请输入第一个数字'>
<input type='text' id='num2' placeholder='请输入第二个数字'>
<select id='operator'>
<option value=''>请选择运算符</option>
<option value='+'>+</option>
<option value='-'>-</option>
<option value='*'>*</option>
<option value='/'>/</option>
</select>
<button onclick='calc()'>计算</button>
<input type='text' id='result' placeholder='计算结果'>
</body>
</html>
原文地址: https://www.cveoy.top/t/topic/nu5k 著作权归作者所有。请勿转载和采集!