JS使用parseInt解析數(shù)字實現(xiàn)求和的方法
更新時間：2015年08月05日 14:41:12 作者：皮蛋
這篇文章主要介紹了JS使用parseInt解析數(shù)字實現(xiàn)求和的方法,涉及javascript表單元素值的獲取及parseInt解析轉(zhuǎn)換字符串為數(shù)字的技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了JS使用parseInt解析數(shù)字實現(xiàn)求和的方法。分享給大家供大家參考。具體如下：
在網(wǎng)頁上使用JavaScript函數(shù)中的parseInt解析數(shù)字，并求和，有才吧，有空了研究一下。
運行效果如下圖所示：
具體代碼如下：
<!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解析數(shù)字，并求和</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("請輸入數(shù)字！") :
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程序設計有所幫助。
相關文章
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)聊天室，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-08-08
這篇文章主要介紹了JS判斷數(shù)組里是否有重復元素的方法,結合實例形式分析了javascript針對數(shù)組重復元素判斷相關的遍歷、排序、遞歸等相關操作技巧,需要的朋友可以參考下2019-05-05
這篇文章主要介紹了小程序中父子組件通信詳解，在父組件中，為子組件添加屬性數(shù)據(jù)，即可實現(xiàn)父組件向子組件通信，文章通過圍繞主題展開詳細的內(nèi)容介紹，具有一定的參考價值，需要的小伙伴可以參考一下2022-11-11
JS實現(xiàn)多級菜單中當前菜單不隨頁面跳轉(zhuǎn)樣式而發(fā)生變化
本文介紹了JQuery巧妙實現(xiàn)多級菜單中當前菜單不隨頁面跳轉(zhuǎn)樣式發(fā)生變化，實現(xiàn)方法非常簡單，感興趣的朋友一起看看吧2017-05-05
這篇文章主要介紹了JS實現(xiàn)文字放大效果的方法,實例分析了javascript鼠標事件控制css樣式的技巧,需要的朋友可以參考下2015-03-03
因為使用 Cycle.js 的 Vite + TSX 所以想詳細的探索 TSX 在 TS 配置中的編譯情況,本文主要講解 tsconfig 和 tsx 編譯與配置,以常見的框架 PReact 的虛擬 DOM + TSX 組合、snabbdom + TSX 組合不同的配置以及編譯輸出2023-09-09
Javascript實現(xiàn)鼠標框選操作 不是點擊選取
這篇文章主要介紹了Javascript實現(xiàn)鼠標框選操作,不是點擊選取,利用鼠標進行框選，感興趣的小伙伴們可以參考一下2016-04-04
JavaScript開發(fā)小游戲,目標是使用JavaScript繪制簡單的二維地圖,采用二維數(shù)組存儲地圖信息,使用表格繪制地圖,每個td單元格存儲數(shù)據(jù),使用JavaScript keyPress鍵盤事件監(jiān)聽WASD鍵,按鍵觸發(fā)時人物做出相應操作,人物下一步碰撞到障礙物,終止人物運動2023-10-10
本文給大家總結了一下常見的javascript檢驗各種規(guī)則的代碼，通過正則表達式來實現(xiàn)，都是項目中經(jīng)常需要用到的，有需要的小伙伴可以參考下。2015-07-07
js判斷當頁面無法回退時關閉網(wǎng)頁否則就history.go(-1)
當頁面沒有前驅(qū)歷史記錄時，點擊返回按鈕時直接關閉頁面，否則就退回到前一頁2014-08-08