JS使用parseInt解析数字实现求和的方法
本文实例讲述了JS使用parseInt解析数字实现求和的方法。分享给大家供大家参考。具体如下：
在网页上使用JavaScript函数中的parseInt解析数字，并求和，有才吧，有空了研究一下。
运行效果如下图所示：
具体代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>用parseInt解析数字，并求和</title>
<style>
body{font:12px/1.5 arial;text-align:center;}
.f-text{width:50px;border:1px solid #ccc;background:#f0f0f0;font-family:inherit;padding:3px;}
span{color:green;padding-right:10px;font-weight:700;}
strong{padding:0 10px;}
</style>
<script type="text/javascript">
window.onload = function ()
{
var aInput = document.getElementsByTagName("input");
var aSpan = document.getElementsByTagName("span")[0];
var i = 0;
for (i = 0; i < aInput.length - 1; i++)
{
aInput[i].onkeyup = function ()
{
this.value = this.value.replace(/[^\d]/,"")
}
}
aInput[2].onclick = function ()
{
(aInput[0].value == "" || aInput[1].value == "") ?
alert("请输入数字！") :
aSpan.innerHTML = parseInt(aInput[0].value) + parseInt(aInput[1].value);
}
};
</script>
</head>
<body>
<input type="text" class="f-text" /><strong>+</strong><input type="text" class="f-text" /><strong>=</strong><span>?</span><input type="button" value="求和" />
</body>
</html>
希望本文所述对大家的javascript程序设计有所帮助。
-
本文向大家介绍详解js中Number()、parseInt()和parseFloat()的区别，包括了详解js中Number()、parseInt()和parseFloat()的区别的使用技巧和注意事项，需要的朋友参考一下 一：Number() 如果是Boolean值，true和false值将分别被转换为1和0。 如果是数字值，只是简单的传入和返回。 如果是null值，返回0。 如果是undefi
-
本文向大家介绍PHP实现的方程求解示例分析，包括了PHP实现的方程求解示例分析的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了PHP实现的方程求解。分享给大家供大家参考，具体如下： 一、需求 1. 给出一个平均值X，反过来求出来，得到这个平均值X的三个数X1 ，X2， X3，最大值与最小值的差值要小于0.4(X1-X3都是保留1位小数的数) 2. 这三个数X1, X2, X3代表了三组数。
-
本文向大家介绍javascript中parseInt()函数的定义和用法分析，包括了javascript中parseInt()函数的定义和用法分析的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了javascript中parseInt()函数的定义和用法。分享给大家供大家参考。具体分析如下： 此函数可以解析一个字符串，并返回一个整数。 语法结构: 参数列表: 参数 描述 string 必需。
-
本文向大家介绍使用js实现一个数组flat()的方法相关面试题，主要包含被问及使用js实现一个数组flat()的方法时的应答技巧和注意事项，需要的朋友参考一下
-
本文向大家介绍js实现视图和数据双向绑定的方法分析，包括了js实现视图和数据双向绑定的方法分析的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了js实现视图和数据双向绑定的方法。分享给大家供大家参考，具体如下： 前言 视图和数据绑定，使视图和逻辑层分离，使视图层变为数据驱动是前端的一大进步。由此诞生了mvvm类的前端框架，大大提升了开发的效率。 那么在使用旧有的项目中，如何使用更加先进的设计
-
我正在尝试解决leetcode上的以下问题：硬币兑换2 输入：金额=5，硬币=[1,2,5]输出：4说明：有四种方法来弥补金额： 5=5 5=2 2 1 5=2 1 1 1 5=1 1 1 1 1 我试图实现一个迭代的解决方案，本质上模拟/模仿递归使用堆栈。我已经设法实现了它，解决方案有效，但它超过了时间限制。 我注意到递归解决方案利用记忆进行优化。我也想在我的迭代解决方案中包含这一点，但我不知道