用javascript實現(xiàn)簡單計算器
更新時間：2021年08月15日 14:03:49 作者：王者生輝
這篇文章主要為大家詳細介紹了用javascript實現(xiàn)簡單計算器，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
本文實例為大家分享了javascript實現(xiàn)簡單計算器的具體代碼，供大家參考，具體內(nèi)容如下
設(shè)計一個簡單的計算器
代碼
<body>
<a>第一個數(shù)</a>
<input type="test" id="inputId1" value="" /><br/>
<a>第二個數(shù)</a>
<input type="test" id="inputId2" value="" /><br/>
<button onclick="cal('+')">+</button>
<button onclick="cal('-')">-</button>
<button onclick="cal('*')">*</button>
<button onclick="cal('/')">/</button><br/>
<a>計算結(jié)果</a>
<input type="test" id="resultId" value="" />
<script type="text/javascript">
// function add() {
// console.log('add');
// var inputObj1 = document.getElementById('inputId1');
// var inputObj2 = document.getElementById('inputId2');
// var result = parseInt(inputObj1.value) + parseInt(inputObj2.value);
// var resultObj = document.getElementById('result');
// resultObj.value = result;
// console.log(result);
// }
function cal(type) {
var inputObj1 = document.getElementById('inputId1');
var inputObj2 = document.getElementById('inputId2');
switch(type){
case '+':
var result = parseInt(inputObj1.value) + parseInt(inputObj2.value);
break;
case '-':
var result = parseInt(inputObj1.value) - parseInt(inputObj2.value);
break;
case '*':
var result = parseInt(inputObj1.value) * parseInt(inputObj2.value);
break;
case '/':
var result = parseInt(inputObj1.value) / parseInt(inputObj2.value);
break;
}
var resultObj = document.getElementById('resultId');
resultObj.value = result;
}
</script>
</body>
</html>
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
非常不錯的可以生產(chǎn)標(biāo)簽的小東西2008-04-04
這篇文章主要介紹了Bootstrap 3 進度條的實現(xiàn),非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-02-02
這篇文章主要給大家介紹了關(guān)于用js實現(xiàn)圖片旋轉(zhuǎn)的兩種方案, 旋轉(zhuǎn)的效果就是根據(jù)鼠標(biāo)的的移動距離來顯示不同的圖片,形成視覺差,仿佛就是在正真的旋轉(zhuǎn),需要的朋友可以參考下2023-07-07
iphone safari不支持position fixed的解決方法
最近一直在做移動web開發(fā)，開發(fā)過程中遇到了許多問題，mobile safari不支持position: fixed就是一件很頭疼的事情2012-05-05
javascript 動態(tài)生成css代碼的兩種方法
這篇文章主要介紹了javascript 動態(tài)生成css代碼的兩種方法，有時候我們需要利用js來動態(tài)生成頁面上style標(biāo)簽中的css代碼,下面就給大家介紹兩種方法，需要的朋友可以參考下2017-03-03
JavaScript實現(xiàn)點擊復(fù)制功能具體代碼(JS訪問剪貼板相關(guān))
這篇文章主要給大家介紹了關(guān)于JavaScript實現(xiàn)點擊復(fù)制功能(JS訪問剪貼板相關(guān))的相關(guān)資料,復(fù)制功能指的是將一個文本或者圖片等資源從一個位置通過復(fù)制的方式再次拷貝到另一個位置,需要的朋友可以參考下2023-10-10
JavaScript Event Loop相關(guān)原理解析
這篇文章主要介紹了JavaScript Event Loop相關(guān)原理解析,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-06-06
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)撥打電話功能的示例代碼,本文通過實例代碼給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-06-06
這篇文章主要介紹了JS判斷字符串包含的方法,可有效的檢測字符串中是否包含固定字符或子字符串,涉及javascript中indexOf的使用技巧,非常簡單實用,需要的朋友可以參考下2015-05-05
現(xiàn)在網(wǎng)上最流行方法是John Resig在《Pro JavaScript techniques》提出的offset大法，累加元素offsetParent的offsetLeft和offsetTop一直到DOM的頂層。2010-01-01