js实现简单计算器（四则运算）

1.图样：

2.代码：

js

function validate(str){
	var reg = /^\d+$/;              
	if (!reg.test(str)) {                  
		alert("请输入数字");
	}
}
function calculator(){
	var pre=document.getElementById("pre").value;
	var next=document.getElementById("next").value;
	var opra=document.getElementById("operator").value;
 
	var result=0;
	switch(opra) {
		case "+":
			result=parseInt(pre)+parseInt(next);
			break;
		case "-":
		result=parseInt(pre)-parseInt(next);
			break;
		case "*":
			result=parseInt(pre)*parseInt(next);
			break;
		case "/":
			if(parseInt(next)!=0){
				result=parseInt(pre)/parseInt(next);
			}
			else{
				alert("除数不能为0");
				return;
			}
			break;
		default:
			break;
	}
	document.getElementById("result").value=result;
}

html

<input type="text" name="text" id="pre" οnblur="validate(this.value);">
<select  id="operator">
	<option value="+">+</option>
	<option value="-">-</option>
	<option value="*">*</option>
	<option value="/">/</option>
</select>
<input type="text" name="text" id="next" οnblur="validate(this.value);">
<span>=</span>
<input type="text" id="result" readonly="true">
<input type="button" id="btn" value="提交" οnclick="calculator();">