JS簡單計算器實(shí)例

更新時間：2015年01月20日 16:48:17 投稿：shichen2014

這篇文章主要介紹了JS簡單計算器的實(shí)現(xiàn)方法,以加法實(shí)例分析了js實(shí)現(xiàn)計算功能的技巧,需要的朋友可以參考下

本文實(shí)例講述了JS簡單計算器的實(shí)現(xiàn)方法。分享給大家供大家參考。具體實(shí)現(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)換成十進(jì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程序設(shè)計有所幫助。

您可能感興趣的文章:

JS
計算器

相關(guān)文章

使用JavaScript獲取掃碼槍掃描得到的條形碼的思路代碼詳解
這篇文章主要介紹了使用JavaScript獲取掃碼槍掃描得到的條形碼的思路代碼詳解,本文通過示例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2020-06-06
JS路由跳轉(zhuǎn)的簡單實(shí)現(xiàn)代碼
本文給大家分享一個簡單的js路由跳轉(zhuǎn)功能，非常不錯，需要的朋友參考下吧
2017-09-09
JavaScript實(shí)現(xiàn)將阿拉伯?dāng)?shù)字轉(zhuǎn)換成中文或大寫中文的方法
現(xiàn)在有需求將億元之內(nèi)的阿拉伯?dāng)?shù)字轉(zhuǎn)換成中文,例如：1234轉(zhuǎn)換后變?yōu)橐磺Ф偃脑俎D(zhuǎn)換成壹仟貳佰叁拾肆,所以本文給大家介紹了用JavaScript實(shí)現(xiàn)將阿拉伯?dāng)?shù)字轉(zhuǎn)換成中文大寫,感興趣的小伙伴跟著小編一起來看看吧
2024-11-11
es6數(shù)組includes()用法實(shí)例分析
這篇文章主要介紹了es6數(shù)組includes()用法,結(jié)合實(shí)例形式分析了es6數(shù)組includes()針對給定值判斷的相關(guān)操作技巧與使用注意事項,需要的朋友可以參考下
2020-04-04
微信小程序文章詳情功能完整實(shí)例
這篇文章主要介紹了微信小程序文章詳情功能,結(jié)合完整實(shí)例形式詳細(xì)分析了微信小程序文章詳情功能具體步驟、原理及功能實(shí)現(xiàn)技巧,需要的朋友可以參考下
2020-06-06
css客齊集社區(qū)頭像顯示效果
這個例子,首先是把SPAN里的內(nèi)容用display:none;干掉,就是不顯示; 然后在A:HOVER時,再把SPAN里的內(nèi)容display:block; 就是顯示出來;同時定義一下SPAN的位置; 其它代碼很簡單,但有人說看不太懂;我就簡單說一下;
2008-06-06
微信小程序自定義modal彈窗組件的方法詳解
這篇文章主要給大家介紹了關(guān)于微信小程序自定義modal彈窗組件的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-12-12
CKeditor富文本編輯器使用技巧之添加自定義插件的方法
這篇文章主要介紹了CKeditor富文本編輯器使用技巧之添加自定義插件的方法,結(jié)合實(shí)例形式分析了CKeditor添加自定義插件的步驟與相關(guān)操作技巧,需要的朋友可以參考下
2019-06-06
如何利用模板將HTML從JavaScript中抽離
這篇文章主要為大家詳細(xì)介紹了利用模板將HTML從JavaScript中抽離的相關(guān)資料,具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-10-10
使用 UniApp 實(shí)現(xiàn)小程序的微信登錄功能
這篇文章主要介紹了使用 UniApp 實(shí)現(xiàn)小程序的微信登錄功能，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
2020-06-06