以下是一个简单的JavaScript计算器代码示例,您可以直接在本地环境中运行这段代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>简单计算器</title>
</head>
<body>
<input type="text" id="num1" placeholder="数字1">
<input type="text" id="num2" placeholder="数字2">
<button onclick="add()">加</button>
<button onclick="subtract()">减</button>
<button onclick="multiply()">乘</button>
<button onclick="divide()">除</button>
<p id="result"></p>
<script>
function add() {
const num1 = parseFloat(document.getElementById('num1').value);
const num2 = parseFloat(document.getElementById('num2').value);
document.getElementById('result').innerText = num1 + num2;
}
function subtract() {
const num1 = parseFloat(document.getElementById('num1').value);
const num2 = parseFloat(document.getElementById('num2').value);
document.getElementById('result').innerText = num1 - num2;
}
function multiply() {
const num1 = parseFloat(document.getElementById('num1').value);
const num2 = parseFloat(document.getElementById('num2').value);
document.getElementById('result').innerText = num1 * num2;
}
function divide() {
const num1 = parseFloat(document.getElementById('num1').value);
const num2 = parseFloat(document.getElementById('num2').value);
if (num2 === 0) {
document.getElementById('result').innerText = '除数不能为0';
} else {
document.getElementById('result').innerText = num1 / num2;
}
}
</script>
</body>
</html>
这段代码创建了一个简单的HTML页面,包含两个输入框用于输入数字,四个按钮分别用于执行加、减、乘、除运算,以及一个段落用于显示运算结果。JavaScript函数分别处理每种运算,并更新结果段落的内容。
希望这段代码能满足您的需求,如果有其他具体问题或需要进一步的帮助,请随时提问。
没有搜到相关的沙龙