用javascript实现简单计算器
程序员文章站
2022-11-21 15:50:53
本文实例为大家分享了javascript实现简单计算器的具体代码，供大家参考，具体内容如下设计一个简单的计算器代码 第一个数 <...
本文实例为大家分享了javascript实现简单计算器的具体代码，供大家参考，具体内容如下
设计一个简单的计算器
代码
<body>
<a>第一个数</a>
<input type="test" id="inputid1" value="" /><br/>
<a>第二个数</a>
<input type="test" id="inputid2" value="" /><br/>
<button onclick="cal('+')">+</button>
<button onclick="cal('-')">-</button>
<button onclick="cal('*')">*</button>
<button onclick="cal('/')">/</button><br/>
<a>计算结果</a>
<input type="test" id="resultid" value="" />
<script type="text/javascript">
// function add() {
// console.log('add');
// var inputobj1 = document.getelementbyid('inputid1');
// var inputobj2 = document.getelementbyid('inputid2');
// var result = parseint(inputobj1.value) + parseint(inputobj2.value);
// var resultobj = document.getelementbyid('result');
// resultobj.value = result;
// console.log(result);
// }
function cal(type) {
var inputobj1 = document.getelementbyid('inputid1');
var inputobj2 = document.getelementbyid('inputid2');
switch(type){
case '+':
var result = parseint(inputobj1.value) + parseint(inputobj2.value);
break;
case '-':
var result = parseint(inputobj1.value) - parseint(inputobj2.value);
break;
case '*':
var result = parseint(inputobj1.value) * parseint(inputobj2.value);
break;
case '/':
var result = parseint(inputobj1.value) / parseint(inputobj2.value);
break;
}
var resultobj = document.getelementbyid('resultid');
resultobj.value = result;
}
</script>
</body>
</html>
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
上一篇： java之DecimalFormat用法