如何在Javascript中用下拉列表框做一个简单的加减乘除运算器?_百度...
发布网友
发布时间：2022-04-23 21:38
共1个回答
热心网友
时间：2022-04-25 18:59
直接把下面的代码copy到html文件中即可，如果可以，给个好评吧，我可是写了好长时间。不行联系我，我直接发文件给你，保证能用！！
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>calculator</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript">
function $(id) {
return document.getElementById(id);
}
function isNil(id) {
var val = '';
if($(id).type == 'text') {
val = $(id).value;
} else {
val = $(id).options[$(id).selectedIndex].value
}
if(val.replace(/\s*/g, '') == '' || val.replace(/\s*/g, '') == 'none') {
return true;
}
return false;
}
function check() {
if(isNil('lop') || isNil('rop')) {
alert("请输入操作数！");
return false;
}
if(isNil('op')) {
alert("请选择运算符！");
return false;
}
return true;
}
function doCalc() {
if(!check()) {
return;
}
var lop = $('lop').value;
var rop = $('rop').value;
$('rs').value = eval(lop + $('op').options[$('op').selectedIndex].value + rop);
}
</script>
</head>
<body>
<input type="text" id="lop" />
<select id="op">
<option value="none">请选择运算符</option>
<option value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
<input type="text" id="rop" />
<input type="button" id="calc" value="计算" onclick="doCalc();"/>
<input type="text" id="rs" />
</body>
</html>
