用JS做一个简单的网页计算器如图所示，只进行简单的加减乘除运算（最好有完整代码）
3个回答
展开全部
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>计数器</title>
</head>
<body>
<input type="text" name="text" id="pre" onblur="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" onblur="validate(this.value);">
<span>=</span>
<input type="text" id="result" readonly="true">
<input type="button" id="btn" value="提交" onclick="calculator();">
<script>
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;
}
</script>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<div>
<script type="text/javascript">
function fun() {
if (validate($('#one').val())) { alert("第一个输入数字!"); }
if (validate($('#two').val())) { alert("第二个输入数字!"); }
switch ($('#x').val())
{
case "1": $('#th').val(parseFloat($('#one').val()) + parseFloat($('#two').val()));
case "2": $('#th').val(parseFloat($('#one').val()) - parseFloat($('#two').val()));
case "3": $('#th').val(parseFloat($('#one').val()) * parseFloat($('#two').val()));
case "4": $('#th').val(parseFloat($('#one').val()) / parseFloat($('#two').val()));
}
}
function validate(v) {
var reg = new RegExp("^[0-9]*$");
if (!reg.test(v)) {
return false;
}
return true;
}
</script>
</div>
<div>
<input type="text" id="one"/>
<select id="x">
<option value ="1">+</option>
<option value ="2">-</option>
<option value ="3">*</option>
<option value ="4">/</option>
</select>
<input type="text" id="two"/>=
<input type="text" id="th"/>
<input type="button" value="提 交" onclick ="fun()" />
</div>
就这样写的 细节可能需要调整下 你自己看下
<script type="text/javascript">
function fun() {
if (validate($('#one').val())) { alert("第一个输入数字!"); }
if (validate($('#two').val())) { alert("第二个输入数字!"); }
switch ($('#x').val())
{
case "1": $('#th').val(parseFloat($('#one').val()) + parseFloat($('#two').val()));
case "2": $('#th').val(parseFloat($('#one').val()) - parseFloat($('#two').val()));
case "3": $('#th').val(parseFloat($('#one').val()) * parseFloat($('#two').val()));
case "4": $('#th').val(parseFloat($('#one').val()) / parseFloat($('#two').val()));
}
}
function validate(v) {
var reg = new RegExp("^[0-9]*$");
if (!reg.test(v)) {
return false;
}
return true;
}
</script>
</div>
<div>
<input type="text" id="one"/>
<select id="x">
<option value ="1">+</option>
<option value ="2">-</option>
<option value ="3">*</option>
<option value ="4">/</option>
</select>
<input type="text" id="two"/>=
<input type="text" id="th"/>
<input type="button" value="提 交" onclick ="fun()" />
</div>
就这样写的 细节可能需要调整下 你自己看下
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
我同意。我要下载
计算器加减乖除运算就可以了
计算器加减乖除运算就可以了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
