用javascript实现简单计算器
作者：王者生辉 发布时间：2024-04-23 09:26:33
标签：js,计算器
本文实例为大家分享了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
0
投稿猜你喜欢
- 如下所示：'''@author: Jacobpc'''import osimport sys
- 简单的说，一个数据库管理系统应该的提供的基本服务有两种：1.数据访问。对每个数据库管理系，数据访问服务都包含一下几种(1)插入--向数据库中
- 1.安装第三方模块包pip install django-ckeditor2.添加应用INSTALLED_APPS = [ ..
目录通过与 OpenCV 模板匹配的 OCR信用卡 OCR 结果总结今天的博文分为三个部分。 在第一部分中，我们将讨论 OCR-A 字体，这- 首先，我们要先看看微信远程控制电脑的原理是什么呢？ 我们可以利用Python的标准库控制本机电脑，然后要实现远程的话，我们可以把电子邮件作为
- 本文实例讲述了Vue + Node.js + MongoDB图片上传组件实现图片预览和删除功能。分享给大家供大家参考，具体如下：公司要写一些
- 因为要用到过滤一组中重复的数据，使之变成没有重复的一组数据的功能，百度了一下，居然有朋友乱写，而且比较多，都没有认真测试过，只对字符可以，但
- 三元条件判断的3种实现方法C语言中有三元条件表达式，如 a>b?a:b，Python中没有三目运算符(?:)，但Python有它自己的
- IIF: 根据布尔表达式计算为 true 还是 false，返回其中一个值。IIF 是一种用于编写 CASE 表达式的快速方法。 它将传递的
- 项目需求:浏览器中访问django后端某一条url(如:127.0.0.1:8080/get_book/)，实时朝数据库中生成一千条数据并将
- Python的from import *和from import *，它们的功能都是将包引入使用，但是它们是怎么执行的以及为什么使用这种语法
- 前后端分离的开发模式，原本觉得没什么稀奇的玩艺，在最近参与的一个大型项目中，让我有了更深的理解。前后端分离的开发模式：系统分析阶段，系分和前
- 话不多说，随小编一起看看实例代码吧<html><head> <meta http-equiv="Co
- 给定一个字典，然后按键(key)或值(value)对字典进行排序。def dictionairy(): &nbs
- 前言一段时间没有用Union和Union，再用的时候忘了怎么用了。。。所以做一篇文章来记录自己学Union和Union的经历。提前准备在Sq
- goroutine 泄漏和避免泄漏的最佳实践Go的奇妙之处在于，我们可以使用goroutines和channel轻松地执行并发任务。如果在生
- 随着用户的日益递增，日活和峰值的暴涨，数据库处理性能面临着巨大的挑战。下面分享下对实际10万+峰值的平台的数据库优化方案。与大家一起讨论，互
- 本文主要讲解的是表单，这个其实对于做过网站的人来说，并不陌生，而且可以说是最为常用的提交数据的Form表单。本文主要来讲解一下内容：1.基本
- WSGI协议首先弄清下面几个概念：WSGI：全称是Web Server Gateway Interface，WSGI不是服务器，python
- jquery模拟SELECT框，效果图如下： <!DOCTYPE html> <html lang="
