首頁 > 開發者 > JavaScript
簡易計算機（效果）
第一種方案：採用Javascript+html完成計算機，支援+-*/，結果顯示不允許使用input輸入欄位（可以考慮使用《span》）
<html><head><title>簡易計算機</title><script language="javascript">//易錯：不是"text/javascript"function doCal(){//alert(document.getElementByName("value1").length);//易錯：getElementByName,首字母大寫，不是byName//alert(document.getElementByName("value1")[0].value);//易錯：getElementByName，返回一個集合，應該用[0]表示需要獲得第幾個元素var value1=parseInt(document.getElementById("value1").value);//易錯：易錯：getElementById首字母大寫，不是byIdvar flag=document.getElementById("flag").value;var value2=parseInt(document.getElementById("value2").value);//易錯：getElementBy返回是String類型，應該通過parseInt轉換為Int類型//alert(value1+","+flag+","+value2);//多列印東西出來，用於檢驗var s=0;switch(flag){case "+"://易錯：文法，別忘記加冒號s=value1+value2;break;//易錯：文法，別忘記加break；跳出選擇case "-":s=value1-value2;break;case "*":s=value1*value2;break;case "/":s=value1/value2;}//使運算結果顯示在瀏覽器中，注意=右側為string類型document.getElementById("span_result").innerHTML="<font size='16' color='red'>"+s+"</font>"}//alert(document.getElementByName(value1).value);</script></head><body><h1>簡易計算機</h1><hr><input type="text" name="value1" id="value1"><select name="flag" id="flag">//注意select-option的用法<option value="+">+</option><option value="-">-</option><option value="*">*</option><option value="/">/</option></select><input type="text" name="value2" id="value2"><!--<button type="button" onclick="doCal()">點擊這裡</button>--><input type="button" value="=" onclick="doCal()">//button的onclick事件<!--<input type="text" name="result" id="result">--><span id="span_result"></span>//通過span顯示結果</body></html>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
