為啥不行唉唉唉
<!DOCTYPE html>
<html>
?<head>
? <title> 事件</title>??
? <script type="text/javascript">
? ?function count(){
? ? var one=document.getElementById("txt1").value;
? ? ?var two=document.getElementById("txt2").value;
? ? ?var three=document.getElementById("select").value;
? ? ?var C;
? ?}
? ?
? ? switch (three)
? ? {
? ? ? ? case "+":
? ? ? ? C = parseInt(one)+parseInt(two);
? ? ? ? break;
? ? ? ??
? ? }
? ? document.getElementById("fruit").value=C;
? </script>?
?</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-03-26
你把switch跟設置計算結果的這兩部分語句寫在函數外了，這樣程序執行是先執行這兩部分，沒有結果。然后你點擊按鈕觸發count函數，只讀取了三個文本框的值。
2019-03-26
試試這個：
<!DOCTYPE html>
<html>
?<head>
? <title> 事件</title>??
? <script type="text/javascript">
? ?function count(){
? ? //獲取第一個輸入框的值
? ? var x=document.getElementById("txt1");
//獲取第二個輸入框的值
? ? var y=document.getElementById("txt2");
? ? var xv=x.value;
? ? var yv=y.value;
? ? var op=document.getElementById("select");
? ? var res;
//獲取通過下拉框來選擇的值來改變加減乘除的運算法則
? ? switch(op.value){
? ? case "+" : res=Number(xv)+Number(yv);
? ? break;
? ? case "-" : res=Number(xv)-Number(yv);
? ? break;
? ? case "*" : res=Number(xv)*Number(yv);
? ? break;
? ? case "/" : res=Number(xv)/Number(yv);
? ? break;
? ? }
? ? var ans=document.getElementById("fruit");
? ? ans.value=res;
??
//獲取選擇框的值
? ? //設置結果輸入框的值?
? ??
? ?}
? </script>?
?</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' value ="" />? ?
?</body>
</html>