javascript實現(xiàn)簡易計算器
更新時間：2017年02月01日 10:20:35 作者：Jack-小俊
這篇文章主要為大家詳細介紹了javascript實現(xiàn)簡易計算器，具有一定的參考價值，感興趣的小伙伴們可以參考一下
前言
hello，大家好，學習一段時間了，學習了框架和后臺的內容，為了防止前端的js和jq的熟練度不夠，忘記很多算法和基礎用法，會陸陸續(xù)續(xù)更新一些小的功能效果code，用于記錄和積累，不足之處很多，封裝性和代碼冗余暫且不嚴格要求，盡力完善，保持更新..
簡易加減乘除計算器，利用表單的value值取值，用原生js實現(xiàn).可直接復制到編輯器，打開即可運行.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>加減乘除計算器</title>
<script type="text/javascript">
function count(){
var a = parseInt(document.getElementById("txt1").value);
var b = parseInt(document.getElementById("txt2").value) ;
var sign = document.getElementById("select").value;
var result = 0;
switch(sign){
case "+": result = a+b;
break;
case "-": result = a-b;
break;
case "*": result = a*b;
break;
case "/": result = a/b;
break;
case "%": result = a%b;
break;
}
document.getElementById("answer").value = result;
}
</script>
</head>
<body>
<input type='text' id='txt1' />
<select id='select'>
<option value='+'>+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
<option value="%">%</option>
</select>
<input type='text' id='txt2' />
<input type='button' value=' = ' onclick="count()"/>
<!--通過 = 按鈕來調用創(chuàng)建的函數(shù)，得到結果-->
<input type='text' id='answer' />
</body>
</html>
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
一文看懂如何簡單實現(xiàn)節(jié)流函數(shù)和防抖函數(shù)
這篇文章主要給大家介紹了如何通過一文看懂簡單實現(xiàn)節(jié)流函數(shù)和防抖函數(shù)的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-09-09
這篇文章主要介紹了微信小程序按鈕去除邊框線分享頁面功能，文中通過一段簡單的代碼給大家介紹了微信小程序的button去邊框的方法，感興趣的朋友跟隨腳本之家小編一起看看吧2018-08-08
這篇文章主要介紹了小程序從手動埋點到自動埋點的實現(xiàn)方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-01-01
這篇文章主要介紹了js實現(xiàn)分享到隨頁面滾動而滑動效果的方法,實例分析了javascript操作頁面元素滾動效果的方法,需要的朋友可以參考下2015-04-04
這篇文章主要介紹了JS采用絕對定位實現(xiàn)回到頂部效果,以完整實例形式分析了JS定位到頁面頂部功能的實現(xiàn)方法,涉及javascript動態(tài)操作頁面元素與屬性的相關技巧,需要的朋友可以參考下2016-06-06
本篇文章主要是對js showModalDialog彈出窗口進行了詳細的介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-01-01
javascript多種數(shù)據(jù)類型表格排序代碼分析
這個表格排序代碼，性能比上一次那一個好了很多而且支持很多種類型的排序，這一次寫的能支持更多的排序。2010-09-09
大家都知道ElementUI是"餓了么"公司推出的基于Vue2.0的組件庫，這篇文章主要介紹了axios攔截器、ElementUI組件的使用方法,需要的朋友可以參考下2023-01-01
這篇文章主要介紹了Web前端開發(fā)之水印、圖片驗證碼的相關資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-11-11
本文主要對javascript中的（Event）事件進行介紹，文章篇尾舉了幾個案例：方塊隨著鼠標移動；輸入框文字提示；仿select控件；留言本；自定義右鍵菜單；鍵盤控制div運動。需要的朋友可以看下2016-12-12