當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
使用JS完成一个简单的计算器功能
生活随笔
收集整理的這篇文章主要介紹了
使用JS完成一个简单的计算器功能
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<!DOCTYPE?html>
<html><head><title>?事件</title>??<script?type="text/javascript">function?count(){var?a?=?document.getElementById("txt1").value;??//獲取第一個輸入框的值var?b?=?document.getElementById("txt2").value;??//獲取第二個輸入框的值var?c?=?document.getElementById("select").value;//獲取選擇框的值//獲取通過下拉框來選擇的值來改變加減乘除的運算法則var?sum;switch(c){case?"+":?sum=parseInt(a)?+?parseInt(b);break;case?"-":?sum=parseInt(a)?-?parseInt(b);break;case?"*":?sum=parseInt(a)?*?parseInt(b);break;case?"/":?sum=parseInt(a)?/?parseInt(b);break;?????}//設置結果輸入框的值?document.getElementById("result").value=sum;}</script>?</head>?<body><input?type='text'?id='txt1'?/>?<select?id='select'><option?value='+'>+</option><option?value="-">-</option><option?value="*">*</option><option?value="/">/</option></select><input?type='text'?id='txt2'?/>?<input?type='button'?value='?=?'?onclick="count()"?/>?<!--通過?=?按鈕來調用創建的函數，得到結果-->?<input?type='text'?id='result'?/>???</body>
</html>
轉載于:https://my.oschina.net/midiann/blog/412272
總結
以上是生活随笔為你收集整理的使用JS完成一个简单的计算器功能的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： JavaScript 计算器
- 下一篇： JavaScript实现简单计算器