首先,您需要创建一个HTML页面来放置您的计算器。然后,使用JavaScript编写代码来实现计算器的基本功能。以下是一个简单的示例:
HTML代码:
<body>
<h1>简单计算器</h1>
<input type="text" id="num1">
<input type="text" id="num2">
<br><br>
<button onclick="add()">加</button>
<button onclick="subtract()">减</button>
<button onclick="multiply()">乘</button>
<button onclick="divide()">除</button>
<br><br>
<h2 id="result"></h2>
</body>
JavaScript代码:
function add() {
var num1 = parseInt(document.getElementById("num1").value);
var num2 = parseInt(document.getElementById("num2").value);
var result = num1 + num2;
document.getElementById("result").innerHTML = "结果:" + result;
}
function subtract() {
var num1 = parseInt(document.getElementById("num1").value);
var num2 = parseInt(document.getElementById("num2").value);
var result = num1 - num2;
document.getElementById("result").innerHTML = "结果:" + result;
}
function multiply() {
var num1 = parseInt(document.getElementById("num1").value);
var num2 = parseInt(document.getElementById("num2").value);
var result = num1 * num2;
document.getElementById("result").innerHTML = "结果:" + result;
}
function divide() {
var num1 = parseInt(document.getElementById("num1").value);
var num2 = parseInt(document.getElementById("num2").value);
var result = num1 / num2;
document.getElementById("result").innerHTML = "结果:" + result;
}
这个例子中,我们在HTML页面中创建了两个文本框和四个按钮。每个按钮都有一个onclick事件,当用户单击该按钮时,将调用相应的JavaScript函数。这些函数将获取文本框中输入的数字,并执行相应的计算,最后将结果显示在页面上。
请注意,这只是一个简单的示例。如果您想要创建更复杂的计算器,您需要使用更多的JavaScript代码来处理各种情况和异常。