本文实例讲述了JavaScript基于DOM操作实现简单的数学运算功能。分享给大家供大家参考,具体如下:
代码如下"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script type="text/javascript"language="javascript">
window.onload =function() {
//alert("window.onload!!!");
varopNum1 = window.document.getElementById("opNum1");
varopNum2 = window.document.getElementById("opNum2");
//var op = window.document.getElementById("op");
varbtnElements = window.document.getElementsByName("operater");//.getElementsByTagName("input[type=button]");
varbtnElementsLength = btnElements.length;
for(vari = 0; i < btnElementsLength; i++) {
//alert(i);
btnElements[i].onclick =function() {
//alert(opNum1.value + "_" + opNum2.value + "_" + this.value);
operate(opNum1.value, opNum2.value,this.value);
}
}
}
functionoperate(opNum1, opNum2, op) {
varresult=null;
switch(op) {
case"+": result = parseFloat(opNum1) + parseFloat(opNum2);
break;
case"-": result = parseFloat(opNum1) - parseFloat(opNum2);
break;
case"*": result = parseFloat(opNum1) * parseFloat(opNum2);
break;
case"/": result = parseFloat(opNum1) / parseFloat(opNum2);
break;
case"%": result = parseFloat(opNum1) % parseFloat(opNum2);
break;
default:
break;
}
varresultElement = window.document.getElementById("resultSpan");
resultElement.innerHTML = result;
}
</script>
body{ line-height:30px;
font-size:20px;
}
input[type=button]{ width:50px;
}
运算数1:
运算数2:
选择操作符:
运算结果为:
javascript学习指南|JavaScript基于DOM操作实现简单的数学运算功能实例
http://m.bbyears.com/wangyezhizuo/119757.html
推荐访问: