简易计算器
来源:互联网 发布:java项目开发心得体会 编辑:程序博客网 时间:2024/05/17 10:43
今天朋友写了一个例子,用到了运算符,但是拼接的时候变成字符串,使用了分别判断的方法,代码量有点多。字符串计算的话有个方法:eval( ),之前也没用到过,今天学习了。
源码在这,拿走不谢。
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>运算符练习</title><style type="text/css">#demo{width: 52%;margin: 100px auto;}input{ height: 30px; text-align: center; border-radius: 4px; border: 1px solid #999;}select{ width: 100px; height: 34px; cursor: pointer; color: white; background: orange; border-radius: 4px; padding-left: 40px;}#btn{ width: 50px;height: 34px;cursor: pointer; color: white; background: orange;}</style></head><body><div id="demo"> <input type="text" id="t1" /><select name="" id="sel"> <option value="+">+</option> <option value="-">-</option> <option value="*">*</option> <option value="/">/</option> </select><input type="text" id="t2" value="" /><input type="button" id="btn" value="=" title="点我,点我,快点我!!!"/><input type="text" id="result"/></div></body><script>window.onload = function(){var oTxt1 = document.getElementById("t1");var oTxt2 = document.getElementById("t2");var oSel = document.getElementById("sel");var oBtn = document.getElementById("btn");var oRel = document.getElementById("result");//方式一://oBtn.onclick = function(){// switch(oSel.value){// case "+":// num=parseInt(oTxt1.value)+parseInt(oTxt2.value);// oRel.value=num;// break;// case "-":// num=parseInt(oTxt1.value)-parseInt(oTxt2.value);// oRel.value=num;// break;// case "/":// num=parseInt(oTxt1.value)/parseInt(oTxt2.value);// oRel.value=num;// break;// case "*":// num=parseInt(oTxt1.value)*parseInt(oTxt2.value);// oRel.value=num;// break;// }//}//方式二:oBtn.onclick = function(){var num = oSel.value;var oper = num.split(",");oRel.value =eval(Number(oTxt1.value) + (oper[0]) + Number(oTxt2.value));}}</script></html>
0 0
- 简易计算器
- 简易计算器。。。
- 简易计算器
- 简易计算器
- 简易计算器
- 简易计算器
- 简易计算器
- 简易计算器
- 简易计算器
- 简易计算器
- 简易计算器
- 简易计算器
- 简易计算器
- 简易计算器
- 简易计算器
- 简易计算器
- 简易计算器
- 简易计算器
- ElasticMaterial.cs
- Sort operation used more than the maximum 33554432 bytes of RAM
- 降维方法
- 在Docker环境下部署Kafka
- 240. Search a 2D Matrix II && 74. Search a 2D Matrix
- 简易计算器
- (转)腾讯区块链方案白皮书:底层技术平台及五大场景解决方案
- 学会高傲的活着
- Lavarel中Facades的理解和使用
- B. Igor and his way to work
- vector.size()和vector.capacity
- Java之RandomAccessFile类存取数据理解
- 俄式乘法
- 什么是贝叶斯定理,为什么可以用这个方法来进行预言?