JS實(shí)現(xiàn)一個(gè)簡(jiǎn)單的計(jì)算器

使用JS完成一個(gè)簡(jiǎn)單的計(jì)算器功能。實(shí)現(xiàn)2個(gè)輸入框中輸入整數(shù)后，點(diǎn)擊第三個(gè)輸入框能給出2個(gè)整數(shù)的加減乘除。效果如上：

創(chuàng)新互聯(lián)主營(yíng)耿馬網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營(yíng)網(wǎng)站建設(shè)方案,app軟件定制開(kāi)發(fā),耿馬h5成都小程序開(kāi)發(fā)搭建,耿馬網(wǎng)站營(yíng)銷(xiāo)推廣歡迎耿馬等地區(qū)企業(yè)咨詢(xún)

第一步： 創(chuàng)建構(gòu)建運(yùn)算函數(shù)count()。

第二步： 獲取兩個(gè)輸入框中的值和獲取選擇框的值。

提示：document.getElementById( id名 ).value 獲取或設(shè)置 id名的值。

第三步： 獲取通過(guò)下拉框來(lái)選擇的值來(lái)改變加減乘除的運(yùn)算法則。

提示：使用switch判斷運(yùn)算法則。

第四步：  通過(guò) = 按鈕來(lái)調(diào)用創(chuàng)建的函數(shù)，得到結(jié)果。

注意: 使用parseInt()函數(shù)可解析一個(gè)字符串,并返回一個(gè)整數(shù)。

代碼：

JS實(shí)現(xiàn)一個(gè)簡(jiǎn)單的計(jì)算器

 1 <!DOCTYPE html> 2 <html> 3  <head> 4   <title> 事件</title>   5   <script type="text/javascript"> 6    function count(){ 7     var a = document.getElementById("txt1").value; 8     var b = document.getElementById("txt2").value; 9     //獲取第一個(gè)輸入框的值10     //獲取第二個(gè)輸入框的值11     //獲取選擇框的值12     var c = document.getElementById("select").value;13     a = parseFloat(a);14     b = parseFloat(b);15     //獲取通過(guò)下拉框來(lái)選擇的值來(lái)改變加減乘除的運(yùn)算法則16     //設(shè)置結(jié)果輸入框的值 17     switch(c){18         case "+":19         document.getElementById("fruit").value=parseInt(a)+parseInt(b);20         break;21         case "-":22         document.getElementById("fruit").value=parseInt(a)-parseInt(b);23         break;24         case "*":25         ocument.getElementById("fruit").value=parseInt(a)*parseInt(b);26         break;27         case "/":28         document.getElementById("fruit").value=parseInt(a)/parseInt(b);29         break;30     }31    }32   </script> 33  </head> 34  <body>35    <input type='text' id='txt1' /> 36    <select id='select'>37         <option value="+">+</option>38         <option value="-">-</option>39         <option value="*">*</option>40         <option value="/">/</option>41    </select>42    <input type='text' id='txt2' /> 43    <input type='button' value=' = ' onclick = "count()"/>44    <input type='text' id='fruit' />   45  </body>46 </html>

JS實(shí)現(xiàn)一個(gè)簡(jiǎn)單的計(jì)算器

網(wǎng)站標(biāo)題：JS實(shí)現(xiàn)一個(gè)簡(jiǎn)單的計(jì)算器
文章轉(zhuǎn)載：http://bm7419.com/article36/gijspg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站導(dǎo)航、關(guān)鍵詞優(yōu)化、標(biāo)簽優(yōu)化、微信公眾號(hào)、商城網(wǎng)站、網(wǎng)站內(nèi)鏈

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)

手機(jī)網(wǎng)站建設(shè)