原生JS实现
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript">
function result(){
var shu1 = document.getElementById("num1").value;
var shu2 = document.getElementById("num2").value;
var conform = document.getElementById("st");
var index = conform.selectedIndex;
var czf = conform.options[index].text;
if(czf =="+"){
var sum = parseInt(shu1)+parseInt(shu2);
document.getElementById("sp").innerText=sum;
}
if(czf =="-"){
var sum = parseInt(shu1)-parseInt(shu2);
document.getElementById("sp").innerText=sum;
}
if(czf =="*"){
var sum = parseInt(shu1)*parseInt(shu2);
document.getElementById("sp").innerText=sum;
}
if(czf =="/"){
var sum = parseInt(shu1)/parseInt(shu2);
document.getElementById("sp").innerText=sum;
}
}
</script>
</head>
<body>
<h1 style="text-align: center">JavaScript计算器</h1>
<input type="text" id="num1"/>
<select id="st">
<option value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
<input type="text" id="num2"/>
<button οnclick='result()'>=</button>
<span id="sp"></span>
<hr/>
</body>
</html>
效果图
简单的小Demo,未做小数,除数等其它情况的运算处理。