只有寫代碼，才能知道自己會多少，這是我寫的，用了兩種方法，一種用switch判斷，另外一種用了json
<!DOCTYPE html>
<html>
?<head>
? <title> 事件</title> ?
? <script type="text/javascript">
? ?function count(){
? ? ? ?
? ? //獲取第一個輸入框的值
? ? var num1= document.getElementById("txt1”）.value;
//獲取第二個輸入框的值
var num2= document.getElementById("txt2”）.value;
//獲取選擇框的值
var num3= document.getElementById("select”）.value;
//獲取通過下拉框來選擇的值來改變加減乘除的運算法則
var sum;
// switch(num3){
// ? ?case "+":
// ? ? ? ?sum=parseInt(num1)+parseInt(num2);
// ? ? ? ?break
// ? case "-":
// ? ? ? ?sum=parseInt(num1)-parseInt(num2);
// ? ? ? ?break
// ? case "*":
// ? ? ? ?sum=parseInt(num1)*parseInt(num2);
// ? ? ? ?break
// ? case "/":
// ? ? ? ?sum=parseInt(num1)/parseInt(num2);
// ? ? ? ?break
// }
? ? //JSON ?
此處會將”+，-，*，/“和”：“后面的內容對應起來。
????????const sumjg = {
? ? ? ? "+":parseInt(num1)+parseInt(num2),
? ? ? ? "-":parseInt(num1)-parseInt(num2),
? ? ? ? "*":parseInt(num1)*parseInt(num2),
? ? ? ? "/":parseInt(num1)/parseInt(num2)
? ? }
? ? //設置結果輸入框的值?
? ? document.getElementById(“fruit”）.value=sum;
? ?}
? </script>?
// 注意要點：
// 1、switch語句的使用————switch(表達式的值————輸出的結果)，小括號里面的內容要與下面的///case（值）做對比，若兩者值相等，則執行case（值）：后面的代碼體。此處還需注意case和""之間還有空格，少了這個空格就不會出結果
// 2、document.getElementById("fruit").value = sum;要寫在函數內部。因為函數調用，只調
//用函數的作用域的內容。如果里面沒這句話，也就意味著沒有返回的結果。下面“=按鈕”則不出結果
// 3、下面html代碼里的“=按鈕”不要忘記調用點擊事件，不調用的函數是沒有用的。
// 4、獲取元素的值設置和獲取方法為：
// 賦值：document.getElementById(“id”）.value = 1；
// 取值：var 變量名 = document.getElementById(“id”）.value；
// 賦值及取值時，id名必須要用“ ”雙引號括起來！
?</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()"/> <!--通過 = 按鈕來調用創建的函數，得到結果-->?
? ?<input type='text' id='fruit' /> ??
?</body>
</html>
2019-08-14
? ?function count(){
? ? ? ?
? ? //獲取第一個輸入框的值
? ? var x=parseInt(document.getElementById("txt1").value);
//獲取第二個輸入框的值
var y=parseInt(document.getElementById("txt2").value);
//獲取選擇框的值
var operator=document.getElementById("select").value;
//獲取通過下拉框來選擇的值來改變加減乘除的運算法則
var result="";
switch(operator){
? ?case '+':result=x+y;
? ?break;
? ?case '-':result=x-y;
? ?break;
? ?case '*':result=x*y;
? ?break;
? ?case '/':result=x/y;
? ?break;
? ?default:break;
}
? ? //設置結果輸入框的值?
? ? document.getElementById("fruit").value=result;
? ?}
? </script>?