JS uses parseInt to parse numbers to implement summation examples in detail-JS Tutorial-php.cn

JS uses parseInt to parse numbers to implement summation examples in detail

巴扎黑

Release： 2017-09-14 11:54:05

Original

1455 people have browsed it

本文实例讲述了JS使用parseInt解析数字实现求和的方法。分享给大家供大家参考。具体如下：

在网页上使用JavaScript函数中的parseInt解析数字，并求和，有才吧，有空了研究一下。

运行效果如下图所示：

具体代码如下：

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
&lt;html xmlns="http://www.w3.org/1999/xhtml">
&lt;head>
&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
&lt;title>用parseInt解析数字，并求和&lt;/title>
&lt;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;}
&lt;/style>
&lt;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 &lt; 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);
 }
};
&lt;/script>
&lt;/head>
&lt;body>
&lt;input type="text" class="f-text" />&lt;strong>+&lt;/strong>&lt;input type="text" class="f-text" />&lt;strong>=&lt;/strong>&lt;span>?&lt;/span>&lt;input type="button" value="求和" />
&lt;/body>
&lt;/html>

Copy after login

The above is the detailed content of JS uses parseInt to parse numbers to implement summation examples in detail. For more information, please follow other related articles on the PHP Chinese website!