简易版计算器

article/2025/10/20 11:14:43

这次我们来写一个简单的计算器案例 

代码部分

HTML部分

首先设置一个基本样式,把我们需要的“计算”按钮,“+-*/”四个计算符合,三个文本框准备好(两个用来输入数字进行计算,一个用来接收计算出来的结果),再为三个文本框和操作符写好id,方便后面使用

JavaScript部分

首先我们先获取“计算”按钮,再为它绑定点击事件,在点击事件里面获取操作符(op)和前面两个文本框(num1,num2)的内容属性取名为op,value1和value2,并且声明一个空值为sum用于接收计算结果;再用switch的方式来储存计算,如当选择“+”的时候sum = parsenInt(value1)+parsenInt(value2)在后面加上一个break,为的是不再继续执行以下代码并返回出结果,最后获取最后一个文本框(result)的属性用来接收计算结果(sum)

 

总结:这个案例html中我用到了input,button,select,这些标签,在js中运用了onclick点击事件和swtich()来实现简易计算器的运行,这次的案例还是挺简单的,所以有些简短,有些地方可能说明的不太清晰,请多多见谅。 


http://chatgpt.dhexx.cn/article/nISCOve4.shtml

相关文章

java拦截器怎么实现

Java拦截器是一种对象拦截器,它可以拦截任何的类、方法和字段。拦截器还可以用于检查类是否已经加载以及对字段的访问权限是否符合规范。下面就让我们来了解一下 java拦截器怎么实现吧。 在 Java中,可以通过重写方法和代码块来实现拦截功能,但…

Java中的过滤器和拦截器

Java中的过滤器和拦截器 一.应用场景 拦截器应用场景 拦截器本质上是面向切面编程(AOP),符合横切关注点的功能都可以放在拦截器中来实现,主要的应用场景包括: 登录验证,判断用户是否登录。权限验证&…

拦截器(HandlerInterceptor)

目录 1 什么是拦截器 2 HandlerInterceptor和WebMvcConfigurer 2.1 HandlerInterceptor 2.2 WebMvcConfigurer 3 拦截器实现流程 1 什么是拦截器 拦截器是相对于Spring中来说的,它和过滤器不一样,过滤器的范围更广一些是相对于Tomcat容器来说的。拦…

用 Java 实现拦截器 Interceptor 的拦截功能

Java 里的拦截器是动态拦截 action 调用的对象,它提供了一种机制可以使开发者可以定义在一个 action 执行的前后执行的代码,也可以在一个 action 执行前阻止其执行,同时也提供了一种可以提取 action 中可重用部分的方式。在 AOP(A…

java-拦截器

(1)浏览器发送一个请求会先到Tomcat的web服务器 (2)Tomcat服务器接收到请求以后,会去判断请求的是静态资源还是动态资源 (3)如果是静态资源,会直接到Tomcat的项目部署目录下去直接访问 (4)如果是动态资源,就需要交给项目的后台代码进行处理…

JAVA中的拦截器、过滤器

JAVA变成拦截器、过滤器 一、拦截器1、简介说明2、源码及方法说明3、拦截器自定义应用 二、过滤器1、简介说明2、源码及方法说明3、过滤器的自定义应用 三、Springboot中的WebMvcConfigurer1、简介2、主要方法3、添加拦截器 四、区别1、原理2、触发3、其他 一、拦截器 1、简介…

Java开发学习----拦截器(Interceptor)详细解析

一、拦截器概念 讲解拦截器的概念之前,我们先看一张图: (1)浏览器发送一个请求会先到Tomcat的web服务器 (2)Tomcat服务器接收到请求以后,会去判断请求的是静态资源还是动态资源 (3)如果是静态资源,会直接到Tomcat的项目部署目录下去直接访…

JAVA三大器之拦截器

1,拦截器的概念 java里的拦截器是动态拦截Action调用的对象,它提供了一种机制可以使开发者在一个Action执行的前后执行一段代码,也可以在一个Action 执行前阻止其执行,同时也提供了一种可以提取Action中可重用部分代码的方式。…

java之拦截器

java里的拦截器是动态 拦截action的web请求,而过滤器能够进行系统级别的过滤,即能够过滤所有的web请求。从这可以看出拦截器是有一定的局限性的。拦截器是基于jdk实现的动态代理,拦截器是动态拦截action调用的对象, 拦截器可以使得…

Java三大器之拦截器(Interceptor)的实现原理及代码示例

前言:前面2篇博客,我们分析了Java中过滤器和监听器的实现原理,今天我们来看看拦截器。 1,拦截器的概念 java里的拦截器是动态拦截Action调用的对象,它提供了一种机制可以使开发者在一个Action执行的前后执行一段代…

Java 拦截器

一、引言 既然要用拦截器,首先先得简单了解一下什么是拦截器: 概念:java里的拦截器是动态拦截Action调用的对象,它提供了一种机制可以使开发者在一个Action执行的前后执行一段代码,也可以在一个Action执行前阻止其执行…

VirtualAPK:滴滴 Android 插件化的实践之路

作者简介: 任玉刚,滴滴出行 Android 技术专家,《Android 开发艺术探索》作者,插件化框架 dynamic-load-apk 的发起者,CSDN 移动开发博客专家,曾当选 CSDN 2014、2015年度十大博客之星。热爱技术&#xff0c…

Unity刚体

1、Dynamic:动态类型 受重力和力的影响移动和旋转 Material: 物理材质,在刚体上设置了物理材质,如果子物体有碰撞器但是没有设置材质则会通用刚体的物理材质 如果不设置,将使用在Physics 2D窗口中设置的默认材质(Physi…

android view 的测量过程

参考任玉刚主席的《android开发艺术探索》所写。

2017年终总结,开始写博客的第一年

结束校园生活,开始工作 今年是我开始工作的第一年,前半个学期实习阶段,开发了三个上线的应用,之前在学校的时候,做过不少练手的项目,有时心血来潮,还做了一些自己认为有趣的项目,但是…

阿里组织新调整:张勇兼任云业务总裁“敏捷组织”是内核

雷递网 雷建平 12月29日 岁末年初之际,在小米进行管理层调整后,阿里巴巴也进行了新一轮调整。 12月29日,阿里巴巴集团董事会主席兼CEO张勇发布内部邮件,宣布张建锋不再担任阿里云总裁,继续担任阿里达摩院院长&#xff…

鲲鹏院武志强课题组诚聘博士后

诚聘英才 Recruitment Season 佛山鲲鹏现代农业研究院 研究院简介 佛山鲲鹏现代农业研究院(以下简称“鲲鹏院”)成立于2021年,由中国农业科学院与佛山市人民政府、南海区人民政府依托中国农业科学院(深圳)农业基因组研…

刚体

概述 在整个 Unity 物理系统中,最重要概念就是刚体 Rigidbody。 刚体是物理学中的概念,它是指在运动中和受力后,形状和大小不变,并且内部各点相对位置不变的物体。刚体是一种为了方便物理计算而提出的理想化模型,在不…

技术人员如何从容转型项目经理?

科技在发展,时代在进步,项目越来越复杂,越来越多的技术人员面临技术转型,那么,如何成功转型成了众多技术人员面临的新挑战。 首先我们必须要搞清楚,为什么需要技术人员转型项目经理?项目经理不…

阿里云杨国彦:云上护航,陪伴成长

以下整理自杨国彦在云栖大会“云上成就创新梦想”论坛中发表的《云上护航,陪伴成长》的主题演讲) 11月5日,以“云上成就创新梦想”为主题的中小企业云上创新论坛在浙江杭州云栖小镇举行,论坛聚集政府、资本、媒体、机构等相关领导…