用parsetInt解析数字,并求和
生活随笔
收集整理的這篇文章主要介紹了
用parsetInt解析数字,并求和
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
實現代碼:
<!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" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>Document</title> <style>*{margin: 0px;padding: 0px;}body{padding: 100px;}input[type=text]{width: 50px;background-color: #eee;border: 1px solid #ccc;height: 26px;line-height: 26px;}span{display: inline-block;width: 30px;}input[type=button]{padding: 5px 10px;} </style> <script>window.onload=function(){var aInput = document.getElementsByTagName('input');var oSpan = document.getElementsByTagName('span')[0];var oBtn = document.getElementById('btn');for(var i=0;i<aInput.length-1;i++){aInput[i].onkeyup=function(){this.value = this.value.replace(/[^\d]/,'')}}oBtn.onclick=function(){(aInput[0].value==""||aInput[1].value=="")?alert('請輸入數字'):oSpan.innerHTML=parseInt(aInput[0].value)+parseInt(aInput[1].value);}} </script> </head> <body><input type="text" />+ <input type="text" />= <span></span><input id="btn" type="button" value="求和" /> </body> </html>這里有用到正則表達式判斷輸入是否為數字。
?
結果如下圖所示:
轉載于:https://www.cnblogs.com/baixc/p/3427352.html
總結
以上是生活随笔為你收集整理的用parsetInt解析数字,并求和的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 【BZOJ】【1086】 【SCOI20
- 下一篇: 价差 量差