快捷導(dǎo)航

簡單的js計算器實現(xiàn)

更新時間：2016年10月26日 09:21:37 作者：代碼小公主

這篇文章主要為大家詳細介紹了如何實現(xiàn)簡單js計算器的方法,具有一定的參考價值，感興趣的小伙伴們可以參考一下

本文實例為大家分享了js計算器實現(xiàn)代碼，供大家參考，具體內(nèi)容如下

<!DOCTYPE html>
<html>
　<head>
 　<meta charset="utf-8">　
　 <title></title>
 　</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()"/>
 　　<!--通過 = 按鈕來調(diào)用創(chuàng)建的函數(shù)，得到結(jié)果-->
 　　<input type='text' id='fruit' />
 </body>
　　<script type="text/javascript">
 　　//制做簡單計算器
 　　　　function count() {
 　　　　var txt1 = document.all.txt1.value;
 　　　　var txt2 = document.all.txt2.value;
 　　　　var s=document.all.select.value;
 　　　　var z;
 　　　　 switch(s){
 　　　　 case "+": z=parseFloat(txt1)+parseFloat(txt2);break;
 　　　　 case "-": z=parseFloat(txt1)-parseFloat(txt2);break;
     case　"*":z=parseFloat(txt1)*parseFloat(txt2);break;
 　　 　　case "/":z=parseFloat(txt1)/parseFloat(txt2);break;

 　　　　　　}
 　　　　　　document.getElementById("fruit").value=z; 

 　　　　　　}

 　　　　</script>

 

</html>

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

js
計算器

相關(guān)文章

JavaScript 的方法重載效果
JavaScript 語言的方法聲明中，不能明確指定參數(shù)的類型和個數(shù)，所以不能實現(xiàn)方法的重載，但是我們可以用其他的方法來實現(xiàn)重載的效果。
2009-08-08
JavaScript 拷貝賦值的具體使用
在JavaScript編程中,經(jīng)常會涉及到對象賦值和拷貝的操作,本文主要介紹了JavaScript 拷貝賦值的具體使用,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2024-08-08
Javascript 實現(xiàn) Excel 導(dǎo)入生成圖表功能
這篇文章主要介紹了Javascript 實現(xiàn) Excel 導(dǎo)入生成圖表功能，本文通過實例代碼講解給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下
2018-10-10
uniapp圖片展示自適應(yīng)等比例縮放方法舉例
這篇文章主要給大家介紹了關(guān)于uniapp圖片展示自適應(yīng)等比例縮放方法的相關(guān)資料,在uniapp頁面展示中會遇到圖片展示問題,等比縮放或者自適應(yīng)view大小,需要的朋友可以參考下
2023-10-10
smartupload實現(xiàn)文件上傳時獲取表單數(shù)據(jù)(推薦)
這篇文章主要介紹了smartupload實現(xiàn)文件上傳時獲取表單數(shù)據(jù)的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2016-12-12
angularjs模態(tài)框的使用代碼實例
這篇文章主要介紹了angularjs模態(tài)框的使用代碼實例,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
2019-12-12
js仿支付寶多方框輸入支付密碼效果
這篇文章主要為大家詳細介紹了js仿支付寶多方框輸入支付密碼效果,具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-09-09
js與jQuery 獲取父窗、子窗的iframe
本篇文章介紹了js與jQuery 獲取父窗、子窗的iframe。需要的朋友可以過來參考下，希望對大家有所幫助
2013-12-12
JavaScript 自動完成腳本整理(33個)
所謂的提升用戶體驗,其實就是把所有用戶視為懶鬼,比如JavaScript自動完成(Autocomplete)腳本, 常用于表單,用戶只需輸入一兩個字母,就為你擴展、聯(lián)想、匹配和供君選擇,
2009-10-10
js實現(xiàn)抽獎功能
這篇文章主要為大家詳細介紹了js實現(xiàn)抽獎功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-11-11