JS簡單計算器實例
更新時間:2015年01月20日 16:48:17 投稿:shichen2014
這篇文章主要介紹了JS簡單計算器的實現(xiàn)方法,以加法實例分析了js實現(xiàn)計算功能的技巧,需要的朋友可以參考下
本文實例講述了JS簡單計算器的實現(xiàn)方法。分享給大家供大家參考。具體實現(xiàn)方法如下:
復制代碼 代碼如下:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
function sum() {
//js類型轉(zhuǎn)換 parseInt(value,10)的意思就是將value的值轉(zhuǎn)換成十進制的數(shù)值
var id1 = parseInt(document.getElementById("bnt1").value, 10);
var id2 = parseInt(document.getElementById("bnt2").value, 10);
var id3 = id1 + id2;
document.getElementById("bnt3").value = id3;
}
</script>
</head>
<body>
<input type="text" id ="bnt1" />+<input type="text" id="bnt2" /><input type="button" value="=" onclick="sum()"/><input type="text" readonly="readonly" id="bnt3" />
</body>
</html>
希望本文所述對大家的javascript程序設計有所幫助。
您可能感興趣的文章:
- javascript寫的簡單的計算器,內(nèi)容很多,方法實用,推薦
- 簡易js代碼實現(xiàn)計算器操作
- 用JS寫的簡單的計算器實現(xiàn)代碼
- javascript-簡單的計算器實現(xiàn)步驟分解(附圖)
- js網(wǎng)頁版計算器的簡單實現(xiàn)
- 純javascript代碼實現(xiàn)計算器功能(三種方法)
- js的表單操作 簡單計算器
- javascript簡單計算器 可美化
- JS 日期比較大小的簡單實例
- js時間戳格式化成日期格式的多種方法
- js獲取日期:昨天今天和明天、后天
- JS 顯示當前日期與時間的代碼
- JavaScript實現(xiàn)簡易的天數(shù)計算器實例【附demo源碼下載】
相關文章
JavaScript學習總結(一) ECMAScript、BOM、DOM(核心、瀏覽器對象模型與文檔對象模型)
JavaScript是一種解釋執(zhí)行的腳本語言,是一種動態(tài)類型、弱類型、基于原型的語言,內(nèi)置支持類型,它遵循ECMAScript標準。它的解釋器被稱為JavaScript引擎,為瀏覽器的一部分,廣泛用于客戶端的腳本語言,主要用來給HTML增加動態(tài)功能2018-01-01使用JavaScript實現(xiàn)node.js中的path.join方法
Node.JS中的 path.join 非常方便,能直接按相對或絕對合并路徑,有時侯前端也需要這種方法,如何實現(xiàn)呢?感興趣的朋友跟隨腳本之家小編一起看看吧2018-08-08神奇的代碼 通殺各種網(wǎng)站-可隨意修改復制頁面內(nèi)容
在瀏覽器地址欄輸入這一行代碼,然后回車,就發(fā)現(xiàn)整個頁面都可以隨意編輯了。僅僅是一行很短的代碼。2008-07-07JS和jQuery通過this獲取html標簽中的屬性值(實例代碼)
本文通過實例代碼給大家分享JS和jQuery通過this獲取html標簽中的屬性值,非常不錯,具有參考借鑒價值,需要額朋友參考下吧2017-09-09