溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
使用JS完成一個簡單的計算器功能。實現(xiàn)2個輸入框中輸入整數(shù)后，點擊第三個輸入框能給出2個整數(shù)的加減乘除。效果如上：
第一步： 創(chuàng)建構(gòu)建運(yùn)算函數(shù)count()。
第二步： 獲取兩個輸入框中的值和獲取選擇框的值。
提示：document.getElementById( id名 ).value 獲取或設(shè)置 id名的值。
第三步： 獲取通過下拉框來選擇的值來改變加減乘除的運(yùn)算法則。
提示：使用switch判斷運(yùn)算法則。
第四步： 通過 = 按鈕來調(diào)用創(chuàng)建的函數(shù)，得到結(jié)果。
注意: 使用parseInt()函數(shù)可解析一個字符串,并返回一個整數(shù)。
代碼：
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 //獲取第一個輸入框的值10 //獲取第二個輸入框的值11 //獲取選擇框的值12 var c = document.getElementById("select").value;13 a = parseFloat(a);14 b = parseFloat(b);15 //獲取通過下拉框來選擇的值來改變加減乘除的運(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>
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機(jī)網(wǎng)站二維碼