思路:得到文本框的值,进行加减乘除
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<label>第一个数:</label>
<input type="text" id="num1"/><br/>
<label>第二个数:</label>
<input type="text" id="num2"/><br/>
<button type="button" onclick="add()">+</button>
<button type="button" onclick="divide()">/</button>
<button type="button" onclick="multiply()">*</button>
<button type="button" onclick="minus()">-</button><br/>
<label>结果:</label>
<label id="jieguo"></label><br/>
<button type="button" value="1" id="yi" onclick="test()">1</button><br/>//得到按钮的值
</body>
<script type="text/javascript">
function add(){
var first = document.getElementById('num1').value
var second = document.getElementById('num2').value
document.getElementById('jieguo').innerHTML = Number(first) + Number(second)
}
function divide(){
var first = document.getElementById('num1').value
var second = document.getElementById('num2').value
document.getElementById('jieguo').innerHTML = Number(first) / Number(second)
}
function multiply(){
var first = document.getElementById('num1').value
var second = document.getElementById('num2').value
document.getElementById('jieguo').innerHTML = Number(first) * Number(second)
}
function minus(){
var first = document.getElementById('num1').value
var second = document.getElementById('num2').value
document.getElementById('jieguo').innerHTML = Number(first) - Number(second)
}
function test(){//得到按钮的值,可以思考做个使用按钮做计算器
var first = document.getElementById('yi').value
document.getElementById('jieguo').innerHTML = Number(first)
}
</script>
</html>
效果图: