您的位置：首页 > Web前端 > JavaScript

JavaScript编写简单计算器

2016-06-17 15:19 381 查看

<html>
<head>
<title>简单计算器</title>
</head>

<body>

<fieldset>
<legend>计算器</legend>
<form name="opeform">
第一个数：<input type="text" name="n1"><br>
运算符号：<select name="operator">
<option value="append">+</option>
<option value="subtract">-</option>
<option value="multiply">*</option>
<option value="divide">/</option>
</select><br>
第二个数：<input type="text" name="n2"><br>
  等于号：<input type="button" value="=" name="equal" onclick="operate()"><br>
结    果：<input type="text" name="result" id="r1">
</form>
</fieldset>

<script>
//获取下拉列表的值
function getSel(obj){
var _select=obj,
i      =0,
size   =_select.length;
for(;i<size;i++){
if(_select[i].checked){
return _select[i].value;
}
}

}

//计算器：当点击等于号时处理运算结果
function operate(){
var result,//结果
num1=document.opeform.n1.value,//获取第一个文本框的值
num2=document.opeform.n2.value,//获取第二个文本框的值
_operator=document.opeform.operator.value;//获取运算符

if(!(isNaN(num1) && isNaN(num2))){//判断是否是数字
num1=parseFloat(num1);//转为浮点型
num2=parseFloat(num2);

switch (_operator) {
case "append":
result=num1+num2;
document.opeform.result.value=result;//把结果赋值给结果文本框
break;

case "subtract":
result=num1-num2;
document.opeform.result.value=result;
break;

case "multiply":
result=num1*num2;
document.opeform.result.value=result;
break;

default:
if(num2==0){
alert("除数不能为零！");
}else {
result=num1/num2;
document.opeform.result.value=result;
}
break;
}
}else{
alert("请输入数字！");
}

}
</script>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： javascript html js简单计算器

相关文章推荐

新的分享

章节导航