做一个 加减运算 利用JavaScript

最新推荐文章于 2023-12-14 09:31:24 发布
原创 最新推荐文章于 2023-12-14 09:31:24 发布 · 1.5k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细解析了如何使用HTML和JavaScript实现两个输入框内的数字相加，并将结果显示在第三个输入框中。文章强调了parseInt与parseFloat的区别，前者仅处理整数，而后者能正确处理包含小数的数值。
  1. 首先做个运算需要用到三个文本框 显示数字，这里我用input做了3个框，并且赋值他们的属性值 id 并且做了一个button按钮来调动。
  3. 接着调用button这个函数
  5. 接着我们需要获取第一个和第第二个input的值
  7. 为什么用 
     parseInt(number2) + parseInt(number3);而不是单纯的number2加number3 ，因为我们写的html数是一个字符串而不是一个整数，不加会吧前后连个字符串合在一起。
  9. 我们获取到了input id为（west和num的值）并把他们的值赋值给 result，现在就差最后一个input输出我们把result的值赋值给最后一个input
  11. 这样就能实现两个数相加减了
  13. 完整代码如下
  15. 写到这里发现还有点小错误， 
    parseInt只显示整数并不现实小数部分 所以我们用parseFloat代替parseint方法
  17. 换了之后
  19. 所以最终的代码
liuwenqing11
关注
使用 HTML + CSS + JavaScript 制作简版计算器，提供加减乘除功能
Allen-
07-18 3678
构建一个基础的计算器是学习前端基础的一个很好的练习。本文将从零开始，带你实现一个基础的 JavaScript 计算器。这个计算器支持加减乘除运算，并能实时显示计算过程，帮助用户清晰了解每一步操作及其结果。
【jQuery】第二课：案例实践——运用JavaScript制作一个简易的四则运算计算器
王迪
08-30 3440
1、需求描述： 运用JavaScript制作一个简易的四则运算计算器（加减乘除功能） 2、实现思路： 1、制作计算器框架，这里用表单写 2、给表单元素起名字（因为我们需要获取不同表单元素的内容，并加以运算） 3、写js函数，实现运算功能。 function calculator(){} 4、使用js函数 onclic...
js的加减运算算法
tianxianghuiwei的博客
12-14 750
如果参数是Javascript语句，eval()将执行 Javascript 语句。1、两个变量为字符串， 字符串的连接符也是+， 就会按照字符串拼接运算了，所以需要先转换成数值型，再使用+加法运算。2、使用evel()，evel()可以计算 JavaScript 字符串，并把它作为脚本代码来执行。两个变量相加，使用连接符+，计算结果是字符串拼接了，并不是两者之和；浮点数：c =parseFloat(a)+parseFloat(b)整型：c=parseInt(a)+parseInt(b)
编写一个JavaScript小案例，实现一个简单的计算器。这个计算器可以进行加、减、乘、除四则运算。
xiaoguo111222的博客
04-03 1078
清除计算器
js加减乘数运算
qq_33878431的博客
11-23 1073
//加法函数 function accAdd(arg1, arg2) { var r1, r2, m; try { r1 = arg1.toString().split(".")[1].length; } catch (e) { r1 = 0; } try { r2 = arg2.toString().split(".")[1].length; } catch (e) ...
利用JavaScript实现加减乘除运算
牛栏山矿泉水
06-27 3505
一、问题：利用JavaScript写一个加减乘除运算，输入两个数，判断下拉列框的运算符号，进行相应的运算 二、首先，我利用JavaScript实现简单加法运算，代码如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tran...
JavaScript实现简单的四则运算计算器完整实例
11-27
在JavaScript编程中，实现一个简单的四则运算计算器是学习基础操作和交互的一个经典练习。这个实例展示了一个完整的HTML页面，其中包含JavaScript代码用于处理用户的输入并执行计算。下面我们将详细探讨这个实例中的...
利用JavaScript函数，实现一个能进行加，减，乘，除运算的网页计算器。
最新发布
09-30
在JavaScript中，你可以创建一个简单的函数对象，每个函数代表一种基本运算。这里是一个基础的例子： ```javascript // 创建一个计算器函数对象 var calculator = { add: function(a, b) { return a + b; }, ...
3.JavaScript请编写一个函数，利用回调函数，让用户自定义加减乘除运算。
07-12
以下是一个使用回调函数实现用户自定义加减乘除运算的JavaScript函数示例： ```javascript function calculate(num1, num2, operator, callback) { let result; switch(operator) { case '+': result = num1 +...
js加减乘除的简单运算
qq_42166078的博客
06-17 4883
js加减乘除的简单运算 一直忙于vue项目，很久没碰js的一些操作了，今天稍微有空看了看js代码当作复习，也供初学者学习。本人一直坚持的初衷将复杂逻辑简化，方便于学习，当然有不足之处，还请各位多多指教。如图所示，根据输入框输入的值进行简单的加减运算 代码如下 HTML <body> <h1>请输入两个参加运算的整数</h1> <div> <span>操作数1：</span> <input type="text
JavaScript 加减法
热门推荐
mikibiubiu的博客
07-10 1万+
加法：“+” JavaScript中，字符串与任意数据类型用加号连接，都表示字符串的拼接 如： var num = 123； var str = “123”； var temp = num + str； temp为：123123；//temp 的值的类型为string 需要注意的是减法“-”； 当 temp = num -str；temp 的值为0； 在数字与字符串相减时，会将字符串自动转换成nu...
JS实现加减-简易计算
qq_45387575的博客
05-30 2130
这个题目前一周左右在小红书刷到，想着就去就做一下，第一版因为思路不清晰，没有完整的实现功能。后来忙着改论文，就一直拖到现在。想着回去在看看这篇，发现已经找不到了。 记录错误思路： window.onload = function() { //实现一个简易的计算器 //点击上面的按钮，要输入到输入框中 btns = document.querySelectorAll('button') input = document.querySelector('input...
JavaScript编程中的加减乘除
Deng872347348的博客
12-30 1万+
学习JavaScripts第二站：JavaScript编程中的加减乘除 文章目录学习JavaScripts第二站：JavaScript编程中的加减乘除js运算顺序 学而时习之，不亦乐乎。 既然我们要运用javascript来操纵不同的数据，那么运算就是无论如何也绕不过去的一关，那今天我们就来学习如何在JavaScript这门语言里进行运算。 按照常识，只有数字才可以参与运算，然后在编程的世界里，所有的数据类型都可以参与运算！ 接下来我们先学习数字的运算： 加法 其实 Number：数字的加减
JS：学好加、减、乘、除运算，走遍天下都不怕
以气御码
07-05 2726
进入我的主页，查看更多JS的分享！ 这是另一种实现方式，更简洁（原先有一篇实现了，可以对比这一篇的代码看看） 一、加法、减法 1. 出错的例子 console.log(0.1+0.2); //输出：0.30000000000000004，正确结果：0.3 console.log(0.2 + 0.4) //输出：0.6000000000000001，正确结果：0.6 console.log(1.0 - 0.9); //输出：0.09999999999999998，正确结果：0.1 cons...
JS实现简单的加减乘除
qq_45706749的博客
05-29 4237
最简单不用动脑的方法 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>计算器</title> <script src="./js/计算器.js"></script> </head> <body> 输入第一个数:<input type="text" id="num" /> <
JS实现加减乘除
qq_39743376的博客
03-02 1650
// 两数相加 function numadd(a, b) { var c, d, e; try { c = a.toString().split(".")[1].length; } catch (f) { c = 0; } try { d = b.toString().spl.
JS位运算与加减法
qq_44742090的博客
12-14 1333
JS位运算与加减法
js加减乘除
weixin_44475427的博客
09-23 3273
1、同字符串之间的运算 (一)字符串数字和number类型 1、将字符串类型转换成number类型 2、‘+’连接时，字符串的拼接 3、‘-’连接时，将字符串转换成了number类型进行计算 ...
javascript 字符串加减法
zbuger的博客
07-18 1803
var stringValue="1",如何得到stringValue="2"呢 stringValue=stringValue-(-1)即可，得到"0"只需要stringValue=stringValue-1
基础数学运算：JavaScript中的加减乘除实践
加法运算在编程中非常常见，用于累加值、计算总和等多种场景。 **减法（Subtraction）**: 减法是从一个数中减去另一个数的运算，结果称为差。在代码中，`basicMaths.substract(1, 2)`方法被用来执行减法运算，返回...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值