利用Javascript实现简单计算

简介: 利用Javascript实现简单计算

利用Javascript,在网页中让用户输入2组数字,最后弹出计算结果,该怎样实现这个简单计算呢?用户输入的数字不一定是整数,也有可能是小数,这里我们要用到parseFloat,利用它给我们返回的是一个浮点数,即小数。

下面打开浏览器来验证一下:

<script>// parseFloat 得到的是小数console.log(parseFloat('1.23'));
</script>

image.png

了解之后,下面我们就可以来实现这个功能了。这里以加法运算为例:

<script>varnum1=prompt('请您输入第一个值');
varnum2=prompt('请您输入第二个值');
varresult=parseFloat(num1) +parseFloat(num2);
alert('您的结果是:'+result)
</script>

image.png

image.png

image.png

相关文章
|
JavaScript 算法
原生JS完成“一对一、一对多”矩形DIV碰撞检测、碰撞检查,通过计算接触面积(重叠覆盖面积)大小来判断接触对象DOM
原生JS完成“一对一、一对多”矩形DIV碰撞检测、碰撞检查,通过计算接触面积(重叠覆盖面积)大小来判断接触对象DOM
|
JavaScript 前端开发 大数据
数字太大了,计算加法、减法会报错,结果不正确?怎么办?用JavaScript实现大数据(超过20位的数字)相加减运算。
数字太大了,计算加法、减法会报错,结果不正确?怎么办?用JavaScript实现大数据(超过20位的数字)相加减运算。
|
JavaScript
js计算时间差,包括计算,天,时,分,秒
js计算时间差,包括计算,天,时,分,秒
1368 16
|
JavaScript 前端开发
|
缓存 JavaScript 前端开发
Vue.js计算属性:实现数据驱动的利器
Vue.js计算属性:实现数据驱动的利器
|
缓存 JavaScript 前端开发
探索Vue.js中的计算属性与侦听器
【10月更文挑战第5天】探索Vue.js中的计算属性与侦听器
282 1
|
缓存 JavaScript 前端开发
深入理解Vue.js中的计算属性与侦听属性
【10月更文挑战第5天】深入理解Vue.js中的计算属性与侦听属性
257 0
|
缓存 JavaScript 前端开发
探索Vue.js中的计算属性与侦听器:深入理解与实践
【10月更文挑战第5天】探索Vue.js中的计算属性与侦听器:深入理解与实践
201 0
|
JavaScript
js 精确计算(解决js四则运算精度缺失问题)
js 精确计算(解决js四则运算精度缺失问题)
508 0
下一篇
开通oss服务