<!doctype html>
<html lang="en">
<head>
<script>
/*何
*/
function jia(){
//加法
var a1input = document.getElementById("jisuan1");
var a1=a1input.value;
var a2input = document.getElementById("jisuan2");
var a2=a2input.value;
var a=Number(a1)+Number(a2);
var jieguo1 = document.getElementById("jieguo");
jieguo.innerHTML = a;
}
function jian(){
//减法
var a3input = document.getElementById("sjisuan3");
var a3=a3input.value;
var a4input = document.getElementById("jisuan4");
var a4=a4input.value;
var b=(a3-a4);
var jieguo1 = document.getElementById("jieguo1");
jieguo1.innerHTML = b;
}
function cheng(){
//乘法
var a5input = document.getElementById("jisuan5");
var a5=a5input.value;
var a6input = document.getElementById("jisuan6");
var a6=a6input.value;
var c=(a5*a6);
var jieguo1 = document.getElementById("jieguo2");
jieguo2.innerHTML =c;
}
function chu(){
//除法
var a7input = document.getElementById("jisuan7");
var a7=a7input.value;
var a8input = document.getElementById("jisuan8");
var a8=a8input.value;
var d=(a7/a8);
var jieguo1 = document.getElementById("jieguo3");
jieguo3.innerHTML =d;
}
</script>
<style>
#year_ipt{
width:200px;
}
#result_container{
font-size:30px;
color:#ff0000;
}
</style>
<title>计算器制作</title>
</head>
<body>
<input type="text" id="jisuan1" placeholder="输入数字"/>
+
<input type="text" id="jisuan2" placeholder="输入数字" />
<button onclick="jia()">=</button>
<span id="jieguo"></span>
<br/>
<input type="text" id="jisuan3" placeholder="输入数字" />
-
<input type="text" id="jisuan4" placeholder="输入数字" />
<button onclick="jian()">=</button>
<span id="jieguo1"></span>
<br/>
<input type="text" id="jisuan5" placeholder="输入数字" />
X
<input type="text" id="jisuan6" placeholder="输入数字" />
<button onclick="cheng()">=</button>
<span id="jieguo2"></span>
<br/>
<input type="text" id="jisuan7" placeholder="输入数字" />
÷
<input type="text" id="jisuan8" placeholder="输入数字" />
<button onclick="chu()">=</button>
<span id="jieguo3"></span>
</body>
</html>
