<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<table>
<tr>
<td><img src="" /></td>
<td>购物简易计算器</td>
</tr>
<tr>
<td>第一个数</td>
<td>
<input type="text" id="num1" />
</td>
</tr>
<tr>
<td>第二个数</td>
<td>
<input type="text" id="num2" />
</td>
</tr>
<tr>
<td>
<input type="button" value=" + " οnclick="add()"/>
<button οnclick="sub()"> - </button>
<input type="button" value=" * " οnclick="mul()"/>
<input type="button" value=" / " οnclick="div()"/>
</td>
</tr>
<tr>
<td>计算结果</td>
<td>
<input type="text" id="resultId" />
</td>
</tr>
</table>
<script type="text/javascript">
function add() {
/*.vlaue是直接拿到input框里面输入的值*/
var num1 = document.getElementById('num1').value;
var num2 = document.getElementById('num2').value;
// input输入框里面拿到值都是字符串，需要解析成int类型
var result = parseInt(num1) + parseInt(num2);
var resultInput = document.getElementById('resultId');
resultInput.value = result;
}
function sub() {
var num1 = document.getElementById('num1').value;
var num2 = document.getElementById('num2').value;
var result = parseInt(num1) - parseInt(num2);
var resultInput = document.getElementById('resultId');
resultInput.value = result;
}
function mul() {
var num1 = document.getElementById('num1').value;
var num2 = document.getElementById('num2').value;
var result = parseInt(num1) * parseInt(num2);
var resultInput = document.getElementById('resultId');
resultInput.value = result;
}
function div() {
var num1 = document.getElementById('num1').value;
var num2 = document.getElementById('num2').value;
var result = parseInt(num1) / parseInt(num2);
var resultInput = document.getElementById('resultId');
resultInput.value = result;
}
</script>
</body>
</html>
4578
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
