<!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)文章

微信小程序連接服務(wù)器展示MQTT數(shù)據(jù)信息的實現(xiàn)
這篇文章主要介紹了微信小程序連接服務(wù)器展示MQTT數(shù)據(jù)信息的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-07-07
JS快速實現(xiàn)移動端拼圖游戲
最近開發(fā)一個有關(guān)手機端拼圖游戲，是基于js實現(xiàn)的。今天小編抽時間把具體實現(xiàn)代碼分享到腳本之家平臺供大家參考，對js移動端拼圖游戲感興趣的朋友參考下吧
2016-09-09
小程序云開發(fā)獲取不到數(shù)據(jù)庫記錄的解決方法
這篇文章主要為大家詳細介紹了小程序云開發(fā)獲取不到數(shù)據(jù)庫記錄的解決方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-05-05
js操作CheckBoxList實現(xiàn)全選/反選(在客服端完成)
對于CheckBoxList控件來說，一方面要實現(xiàn)大量數(shù)據(jù)在服務(wù)器端的綁定工作，另一方面往往要求實現(xiàn)全選、反選等功能,接下來將介紹js操作CheckBoxList實現(xiàn)全選/反選，感興趣的朋友可以了解下，或許對你有所幫助
2013-02-02
js計算頁面刷新的次數(shù)
用來計算頁面的刷新次數(shù)的js代碼。
2009-07-07
JavaScript分秒倒計時器實現(xiàn)方法
這篇文章主要介紹了JavaScript分秒倒計時器實現(xiàn)方法,可實現(xiàn)按照毫秒倒計時的效果,具有一定參考借鑒價值,需要的朋友可以參考下
2015-02-02
如何使用不同的方法在 JavaScript 中添加兩個向量
這篇文章主要介紹了如何在 JavaScript 中添加向量(Vector)類,使用不同的方法在 JavaScript 中添加兩個向量，本文結(jié)合示例代碼給大家介紹的非常詳細，需要的朋友可以參考下
2023-06-06
拿捏javascript對象增刪改查應(yīng)用及示例
“撩過”c++的對象，“拿捏”了python的對象，那么今天我們看看javascript中的對象到底是什么，看能不能一次性拿下，不行的話就多來幾次，想做“海王”就多物色幾門語言的對象，多new幾個，最終你會發(fā)現(xiàn)都差不多
2022-03-03
js實現(xiàn)九宮格圖片半透明漸顯特效的方法
這篇文章主要介紹了js實現(xiàn)九宮格圖片半透明漸顯特效的方法,涉及js操作css特效的技巧,非常具有實用價值,需要的朋友可以參考下
2015-02-02
Javascript中克隆一個數(shù)組的實現(xiàn)代碼
這篇文章主要是對在Javascript中克隆一個數(shù)組的實現(xiàn)代碼進行了介紹。需要的朋友可以過來參考下，希望對大家有所幫助
2013-12-12