html部分
<div>文本框1:<input type="text" id="txt1"></div>
<div>文本框2:<input type="text" id="txt2"></div>
<div>
<button onclick="add()">+</button>
<button onclick="reduce()">-</button>
<button onclick="multiply()">*</button>
<button onclick="divide()">/</button>
</div>
<div>输出:<input type="text" id="output"></div>
JS部分
function add(){
var num1 = document.getElementById("txt1").value;
var num2 = document.getElementById("txt2").value;
var number = Number(num1)+Number(num2);
document.getElementById("output").value=number;
}
function reduce(){
var num1 = document.getElementById("txt1").value;
var num2 = document.getElementById("txt2").value;
var number = Number(num1)-Number(num2);
document.getElementById("output").value=number;
}
function multiply(){
var num1 = document.getElementById("txt1").value;
var num2 = document.getElementById("txt2").value;
var number = Number(num1)*Number(num2);
document.getElementById("output").value=number;
}
function divide(){
var num1 = document.getElementById("txt1").value;
var num2 = document.getElementById("txt2").value;
var number = Number(num1)/Number(num2);
document.getElementById("output").value=number;
}