用js實現兩個input輸入框里的數字相加

新建一個html文件，定名為test.html，用于講解用js實現兩個input輸入框里的數字相加。

在test.html文件中，利用input標簽建立兩個數字的輸入框，并別離設置兩個輸入框的id屬性為aa，bb。

在test.html文件中，利用button標簽建立一個按鈕，并綁心猿意馬onclick點擊事務，當按鈕被點擊時，執行total()函數。

在test.html文件中，利用span標簽建立計較成果的顯示區，并設置其id屬性為result。

在test.html文件中，在js標簽中，建立total（）函數，在函數內，利用getElementById()方式別離獲得兩個input輸入框的值。

在total()函數內，利用Number()方式將獲得的值轉換為數字，再利用“+”相加，最后將得出的計較成果利用innerHTML屬性寫在span標簽中。

在瀏覽器中打開test.html文件，在輸入框中填寫數字，點擊按鈕，查看計較的成果。

發表于 2019-11-15 17:30
閱讀 ( 1598 )
分類：其他類型

你可能感興趣的文章

win10的lol打字卡屏問題 1450 瀏覽
怎么申請舊家電上門回收，能不能換錢 1545 瀏覽
Linux環境下安裝tcping的兩種方法以及使用實例 2212 瀏覽
python怎么計算兩個日期間隔天數 1557 瀏覽
怎樣拍秋景以及拍好秋景中的人 669 瀏覽
人像攝影應該怎么“安排”模特呢 678 瀏覽
好看視頻怎么樣開啟指紋登錄 682 瀏覽
ps如何制作綠色凝膠文字 700 瀏覽
高德地圖如何添加和刪除常用地點 1598 瀏覽
windows2012server計劃任務失敗：0x800710E0 1663 瀏覽
如何在高德地圖上分享某個地理位置給微信好友 5779 瀏覽
崴腳后該如何及時處理 752 瀏覽
馬拉松后如何恢復 852 瀏覽
洗牙后應該注意哪些事項 663 瀏覽
快影如何使用畫中畫 3380 瀏覽
快影如何改變封面字體 1322 瀏覽
怎樣在word2007中創建垂直流程 930 瀏覽
怎樣在ps中給圖片添加水彩畫紙效果 809 瀏覽
怎樣在wps文字中創建帶陰影的紅色十字形 1051 瀏覽
2019南陽限行限號規定南陽限行限號區域地圖 9333 瀏覽
帥氣工人形象設計 728 瀏覽
湖南張家界天門山武陵源三日自助游行程規劃攻略 829 瀏覽
福建南平武夷山景區兩日自助游攻略 1216 瀏覽
太原必游景點 687 瀏覽
天津去三亞輕松經濟自由行 993 瀏覽
如何在電腦上安裝QQ 747 瀏覽
如何在線調試運行C++代碼 1080 瀏覽
聯想電腦怎么設置數字鍵盤左上角Num按鈕發聲音 1053 瀏覽
我們在Excel2007使用中表格無法自動保存怎么辦 932 瀏覽
我的起源手游如何創建隊伍組隊大廳在哪里 1022 瀏覽

用js實現兩個input輸入框里的數字相加

你可能感興趣的文章

相關問題

0 條評論

作家榜 ?

推薦文章