简易计算器

已于 2023-06-01 14:45:35 修改
阅读量68 收藏
点赞数
文章标签： 数学建模 html java javascript
于 2023-06-01 14:27:52 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/QI077/article/details/130987518
版权 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>计算器</title>
  <script src="jquery-1.8.2.min.js"></script>
</head>
<body>
<center>
<table style="width: 180px;height: 200px;" bgcolor="#d3d3d3">
  <thead>
  <tr>
    <td colspan="5"><font style="font-size: 25px"><b>计算器</b></font></td>
  </tr>
  </thead>
  <tbody>
  <tr>
    <td colspan="5"><input type="text" id="sr"></td>
  </tr>
  <tr>
    <td><input type="button" value="1" class="button" style="width: 28px"></td>
    <td><input type="button" value="2" class="button" style="width: 28px"></td>
    <td><input type="button" value="3" class="button" style="width: 28px"></td>
    <td><input type="button" value="4" class="button" style="width: 28px"></td>
    <td><input type="button" value="5" class="button" style="width: 28px"></td>
  </tr>
  <tr>
    <td><input type="button" value="6" class="button" style="width: 28px"></td>
    <td><input type="button" value="7" class="button" style="width: 28px"></td>
    <td><input type="button" value="8" class="button" style="width: 28px"></td>
    <td><input type="button" value="9" class="button" style="width: 28px"></td>
    <td><input type="button" value="0" class="button" style="width: 28px"></td>
  </tr>
  <tr>
    <td><input type="button" value="+" class="button" style="width: 28px"></td>
    <td><input type="button" value="-" class="button" style="width: 28px"></td>
    <td><input type="button" value="*" class="button" style="width: 28px"></td>
    <td><input type="button" value="/" class="button" style="width: 28px"></td>
    <td><input type="button" value="计算" id="result" style="width: 45px;height: 50px;"></td>
  </tr>
  <tr>
    <td colspan="2"><input type="button" value="清除" οnclick="aa()" style="width: 45px;"></td>
    <td colspan="2"><input type="button" value="回退" οnclick="back()" style="width: 45px;"></td>
  </tr>
  </tbody>
</table>
</center>
</body>
</html>
<script>
  //数字键+符号键
  $(".button").click(function () {
    var str = this.value;
    var old = $("#sr").val();
    $("#sr").val(old+str);

  });
  //清除
  function aa() {
    $("#sr").val("");
  }
  //回退
  function back() {
    var old = $("#sr").val();
    old = old.substring(0,old.length-1);
    $("#sr").val(old);
  }
  //计算
  $("#result").click(function () {
    var old = $("#sr").val();
    var result = eval(old);
    $("#sr").val(result);

  });
</script>
Acacia et acacia
关注
51单片机实现简易计算器功能
11-01
本篇文章将深入探讨如何使用51单片机实现一个简易计算器的功能，这通常涉及硬件接口、软件编程以及人机交互设计。 首先，我们要理解51单片机的基本结构。51系列单片机由Intel公司开发，具有8位CPU，内部集成RAM、...
LabView简易计算器
12-19
初学者LabView简易计算器，部分功能未实现，请多多指教
微信小程序 简易计算器 (源码)
05-30
微信小程序 简易计算器 (源码)微信小程序 简易计算器 (源码)微信小程序 简易计算器 (源码)微信小程序 简易计算器 (源码)微信小程序 简易计算器 (源码)微信小程序 简易计算器 (源码)微信小程序 简易计算器 (源码)微信...
单片机简易计算器课程设计-综合文档
05-23
单片机简易计算器课程设计是针对单片机原理及应用的学习者进行的一项实践项目，旨在让学生掌握单片机控制硬件并实现基本计算功能的能力。在这个设计中，学生使用51系列单片机来构建一个简单的计算器，能够进行加、减...
嵌入式实验报告-简易计算器.pdf
09-29
"嵌入式实验报告-简易计算器.pdf" 本实验报告的主要目的是设计和实现一个具有加减乘除功能的简易计算器，使用数码管和4X4矩阵式键盘来实现计算器的功能。下面是本实验报告的知识点总结： 1. 计算器的原理：计算器...
2015年国赛高教杯数学建模B题互联网+时代的出租车资源配置解题全过程文档及程序
weixin_43292788的博客
09-25 1019
2015年国赛高教杯数学建模B题互联网+时代的出租车资源配置解题全过程文档及程序
高等数学的后续课程
qqk808的博客
09-24 462
通过上述课程和领域的学习，学生能够在数学理论和应用方面深入发展，并为未来的研究和工作奠定坚实的基础。
2016年国赛高教杯数学建模D题风电场运行状况分析及优化解题全过程文档及程序
weixin_43292788的博客
09-23 1348
2016年国赛高教杯数学建模D题风电场运行状况分析及优化解题全过程文档及程序
数学建模 第二讲 - 初等建模
paofuluolijiang的博客
09-21 665
数学建模学习中可能遇到很多种问题假设，思维打开，多做实践，问题自然迎刃而解。希望对看到的小伙伴有帮助，多多交流哦！
2017年国赛高教杯数学建模C题颜色与物质浓度辨识解题全过程文档及程序
weixin_43292788的博客
09-19 1380
2017年国赛高教杯数学建模C题颜色与物质浓度辨识解题全过程文档及程序
【JavaWeb】二、HTML 入门
CSDN全栈领域优秀博主，阿里云博客专家，工信部权威认证物联网技术开发工程师，曾30分钟高分通过C语言二级，两天手撸代码完成EasyX飞机大战，靠接软件私活一个月换苹果电脑
09-22 1247
HTML、CSS 和 JavaScript 在Web开发中扮演着不可或缺的角色。HTML 定义了网页的结构，CSS 控制了网页的样式和布局，而JavaScript 则增强了网页的交互性。这三个技术相互协作，共同构成了现代Web应用的基石。掌握这三个技术，是成为一名合格的Web开发者所必需的。HTML，全称HyperText Markup Language，即超文本标记语言，是一种用于创建网页的标准标记语言。定义：HTML是一种通过标签来描述网页内容和结构的语言。
第十四章：html和css做一个心在跳动，为你而动的表白动画
Json的知识梦工厂
09-22 717
在这个浪漫的季节，让我们一同感受爱的律动！无论你是在表白的前夜，还是想给心爱的他/她一个惊喜，这个跳动的爱心将是你最好的伴侣。它不仅仅是一个动画，而是你对TA深情款款的表达，是你心中那份执着与坚定。无论是初次相遇的心动，还是陪伴多年的默契，我们的心总在为彼此跳动。就像这颗炙热的爱心，随着每一次的跳动，传递着满满的温暖与期待。用这颗充满爱意的心，向TA传达你的心声，让爱在跳动中回响！20%：在动画的 20% 时，爱心扩大，并改变颜色。在这个特别的时刻，让爱在跳动中绽放！文档的主体，包含实际显示的内容。
HTML讲解（三）通用部分
2301_80349538的博客
09-23 1008
在HTML中，我们想打印空格并不能直接敲一个空格键，因为如果是敲空格键，那无论你敲了多少个空格，最终也只显示一个空格。在HTML中，我们可以设置文字的字体，像素（或称大小），颜色，我们需要用到以下标记语言。在HTML中，一些特殊文字也是用标记来显示的，我们只举几个学校常考的。其中，face表示字体，size表示像素，color表示颜色。在HTML中，我们可以修改文字为加粗还是倾斜等等。在HTML中，换行不是回车键，而是因此，HTML中创建了单独的空格语言。表示像素时，要加上px，这个记住即可。
Html--笔记01：使用软件vscode，简介Html5--基础骨架以及标题、段落、图片标签的使用
weixin_62189092的博客
09-25 1099
Html5：是一种超文本标记语言，用来描述网页的一种语言。标记语言<----标记标签<----双标签：<html></html> ,单标签：<img>
python爬虫解析工具BeautifulSoup（bs4）和CSS选择器——处理HTML和XML数据（7）
m0_59470317的博客
09-22 260
解析工具的使用正则语法 BeautifulSoup xpath语法（后续学习）jsonpath 字典推荐使用lxml解析库标签选择器筛选功能弱但是速度快建议使用find()、find_all() 查询匹配单个结果或者多个结果如果对CSS选择器熟悉建议使用select()记住常用的获取属性和文本值的方法。
Python 解析 html
matrixlzp的博客
09-24 634
假设有如下 html 文档：写一段 python 脚本，解析出里面的数据，包括经度维度。
vue2加载本地html文件
最新发布
大华的程序人生
09-25 326
文件夹，static文件夹下放置需要展示的html文件，有没有static都没问题，需要在public文件夹下。1、在public文件夹下创建。
【艾思科蓝】“从零到一：使用IntelliJ IDEA打造你的梦幻HTML项目“
来自想要赚大钱的小周同学
09-23 2128
对于HTML开发者而言，IntelliJ IDEA同样提供了丰富的功能，比如实时预览、CSS和JavaScript的即时错误检测、以及与前端框架（如React、Vue.js）的无缝集成，极大地提升了开发效率和体验。IntelliJ IDEA提供了强大的代码自动完成功能，无论是HTML标签、CSS属性还是JavaScript函数，只需输入几个字符，IDEA就会为你提供一系列建议，极大地提高了编码效率。虽然HTML开发不需要像Java那样复杂的配置，但你可以设置代码风格、快捷键、插件等，以符合你的开发习惯。
html TAB、table生成
TrueLink的博客
09-24 999
表格的列标题（th）使用了大写的属性名（Num1、Num2等），而数据项（item）的键是小写的（num1、num2等）。动态生成选项卡头部：遍历data.datasets数组，为每个数据集创建一个按钮（button），按钮的文本内容包含选项卡的编号和数据集的名称。默认显示第一个选项卡的内容：通过检查索引（index），如果它是第一个数据集（index === 0），则给对应的.tab-content元素添加.active类，使其内容被显示。：这个div用于存放动态生成的选项卡内容（即表格）。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值