用javascript实现简单计算器

作者：王者生辉时间：2024-04-23 09:26:33　

本文实例为大家分享了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>

来源：https://blog.csdn.net/weixin_50897975/article/details/119559446

标签：js,计算器

投稿

用javascript实现简单计算器

猜你喜欢

Windows下Anaconda2安装NLTK教程

js解析xml字符串和xml文档实现原理及代码(针对ie与火狐)

pandas 时间偏移的实现

python sklearn常用分类算法模型的调用

pycharm-professional-2020.1下载与激活的教程

Python用模块pytz来转换时区

Python3如何判断三角形的类型

python调用摄像头的示例代码

CentOS 7下安装Python 3.5并与Python2.7兼容并存详解

rs.open sql,conn,1,1与rs.open sql,conn,1.3还有rs.open sql,conn,3,2区别

js传值后台中文出现乱码的解决方法

python中字典增加和删除使用方法

在SQL Server 2005数据库中更改数据架构

在Pytorch中简单使用tensorboard

解决goland 导入项目后import里的包报红问题

保护MySQL数据库中重要数据的注意事项

php比较两个指定的日期的实例讲解

Python 文件处理之open()函数

浅谈数据库日期类型字段设计应该如何选择

Python 注解方式实现缓存数据详解