<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>網(wǎng)頁(yè)計(jì)算器</title>
</head>
?
<body>
<div>
?? ?<p>數(shù)字1：<input type="text" id="num1"/></p>
?? ?<p>數(shù)字2：<input type="text" id="num2"/></p>
?? ?<p>
?? ??? ?<input type="button" value="相加" onclick="add()"/>
?? ??? ?<input type="button" value="相減" onclick="sub()"/>
?? ??? ?<input type="button" value="相乘" onclick="mul()"/>
?? ??? ?<input type="button" value="相除" onclick="div()"/>
?? ?</p>
?? ?<p>結(jié)果（數(shù)字1 op 數(shù)字2）：<p><input type="text" id="result"/></p></p>
</div>
<script>
?? ?
?? ?function add(){
?? ??? ?var num1=parseFloat(document.getElementById("num1").value);
?? ??? ?var num2=parseFloat(document.getElementById("num2").value);
?? ??? ?if(isNaN(num1)||isNaN(num2)){
?? ??? ??? ?alert("請(qǐng)輸入數(shù)字！");
?? ??? ?}else{
?? ??? ??? ?result.value=(num1+num2).toFixed(2);
?? ??? ??? ?return result.value;
?? ??? ?}
?? ?}
?? ?function sub(){
?? ??? ?var num1=parseFloat(document.getElementById("num1").value);
?? ??? ?var num2=parseFloat(document.getElementById("num2").value);
?? ??? ?if(isNaN(num1)||isNaN(num2)){
?? ??? ??? ?alert("請(qǐng)輸入數(shù)字！");
?? ??? ?}else{
?? ??? ??? ?result.value=(num1-num2).toFixed(2);
?? ??? ??? ?return result.value;
?? ??? ?}
?? ?}
?? ?function mul(){
?? ??? ?var num1=parseFloat(document.getElementById("num1").value);
?? ??? ?var num2=parseFloat(document.getElementById("num2").value);
?? ??? ?if(isNaN(num1)||isNaN(num2)){
?? ??? ??? ?alert("請(qǐng)輸入數(shù)字！");
?? ??? ?}else{
?? ??? ??? ?result.value=(num1*num2).toFixed(2);
?? ??? ??? ?return result.value;
?? ??? ?}
?? ?}
?? ?function div(){
?? ??? ?var num1=parseFloat(document.getElementById("num1").value);
?? ??? ?var num2=parseFloat(document.getElementById("num2").value);
?? ??? ?if(isNaN(num1)||isNaN(num2)){
?? ??? ??? ?alert("請(qǐng)輸入數(shù)字！");
?? ??? ?}else if(num2==0){
?? ??? ??? ?alert("除數(shù)不能為0！");
?? ??? ?}else{
?? ??? ??? ?result.value=(num1/num2).toFixed(2);
?? ??? ??? ?return result.value;
?? ??? ?}
?? ?}
?? ?
?? ?
</script>
</body>
</html>