簡單的js計(jì)算器實(shí)現(xiàn)
本文實(shí)例為大家分享了js計(jì)算器實(shí)現(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">
//制做簡單計(jì)算器
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 實(shí)現(xiàn)計(jì)算器詳解及實(shí)例代碼(一)
- JS實(shí)現(xiàn)簡單的二元方程計(jì)算器功能示例
- javascript實(shí)現(xiàn)簡單的可隨機(jī)變色網(wǎng)頁計(jì)算器示例
- 簡單實(shí)現(xiàn)JS計(jì)算器功能
- JS鍵盤版計(jì)算器的制作方法
- Javascript 實(shí)現(xiàn)簡單計(jì)算器實(shí)例代碼
- 簡易的JS計(jì)算器實(shí)現(xiàn)代碼
- 原生JavaScript制作計(jì)算器
- 基于AngularJS實(shí)現(xiàn)iOS8自帶的計(jì)算器
- 利用Javascript實(shí)現(xiàn)BMI計(jì)算器
- JavaScript計(jì)算器網(wǎng)頁版實(shí)現(xiàn)代碼分享
- Javascript 實(shí)現(xiàn)計(jì)算器時間功能詳解及實(shí)例(二)
相關(guān)文章
微信小程序連接服務(wù)器展示MQTT數(shù)據(jù)信息的實(shí)現(xiàn)
這篇文章主要介紹了微信小程序連接服務(wù)器展示MQTT數(shù)據(jù)信息的實(shí)現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07
小程序云開發(fā)獲取不到數(shù)據(jù)庫記錄的解決方法
這篇文章主要為大家詳細(xì)介紹了小程序云開發(fā)獲取不到數(shù)據(jù)庫記錄的解決方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下2019-05-05
js操作CheckBoxList實(shí)現(xiàn)全選/反選(在客服端完成)
對于CheckBoxList控件來說,一方面要實(shí)現(xiàn)大量數(shù)據(jù)在服務(wù)器端的綁定工作,另一方面往往要求實(shí)現(xiàn)全選、反選等功能,接下來將介紹js操作CheckBoxList實(shí)現(xiàn)全選/反選,感興趣的朋友可以了解下,或許對你有所幫助2013-02-02
JavaScript分秒倒計(jì)時器實(shí)現(xiàn)方法
這篇文章主要介紹了JavaScript分秒倒計(jì)時器實(shí)現(xiàn)方法,可實(shí)現(xiàn)按照毫秒倒計(jì)時的效果,具有一定參考借鑒價值,需要的朋友可以參考下2015-02-02
js實(shí)現(xiàn)九宮格圖片半透明漸顯特效的方法
這篇文章主要介紹了js實(shí)現(xiàn)九宮格圖片半透明漸顯特效的方法,涉及js操作css特效的技巧,非常具有實(shí)用價值,需要的朋友可以參考下2015-02-02
Javascript中克隆一個數(shù)組的實(shí)現(xiàn)代碼
這篇文章主要是對在Javascript中克隆一個數(shù)組的實(shí)現(xiàn)代碼進(jìn)行了介紹。需要的朋友可以過來參考下,希望對大家有所幫助2013-12-12

