求解答 哪里錯了?
<!DOCTYPE html>
<html>
?<head>
? <title> 事件</title> ?
? <script type="text/javascript">
? ?function count(){
? ? ?var cc1=document.getElementById("txt1").value;
? ? ?var cc2=document.getElementById("txt2").value;
? ? ?var kk1=document.getElementById("select").value;
? ? ?var result="";
? ? ? switch(kk1){
? ? ? ? ?case "+":
? ? ? ? ?result=parseInt(cc1) + parseInt(cc2);
? ? ? ? ?break;
? ? ? ? ?case "-":
? ? ? ? ?result=parseInt(cc1) - parseInt(cc2);
? ? ? ? ? break;
? ? ? ? ?case "*":
? ? ? ? ?result=parseInt(cc1) * parseInt(cc2);
? ? ? ? ? break;
? ? ? ? ?default:
? ? ? ? ?result=parseInt(cc1) / parseInt(cc2);
? ? ? ??
? ? ? }
? ? //獲取第一個輸入框的值
//獲取第二個輸入框的值
//獲取選擇框的值
//獲取通過下拉框來選擇的值來改變加減乘除的運算法則
? ? //設置結(jié)果輸入框的值?
? ??
? ?}
? ?document.getElementById("fruit").value=result;
? </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=' = ' /> <!--通過 = 按鈕來調(diào)用創(chuàng)建的函數(shù),得到結(jié)果-->?
? ?<input type='text' id='fruit' /> ??
?</body>
</html>
2018-03-25
原因是 document.getElementById("fruit").value=result; 寫在了 function count(...) 外,因為在調(diào)用函數(shù)count()前,定義var result=““,讓<input type='text' id='fruit' />被賦值為“”,在執(zhí)行函數(shù)count()時,并未給?<input type='text' id='fruit' /> ?賦值計算的結(jié)果,所以導致答案為“”。
2018-03-25
<!DOCTYPE html>
<html>
?<head>
? <title> 事件</title> ?
? <script type="text/javascript">
? ?function count(){
? ? ?var cc1=document.getElementById("txt1").value;
? ? ?var cc2=document.getElementById("txt2").value;
? ? ?var kk1=document.getElementById("select").value;
? ? ?var result="";
? ? ? switch(kk1){
? ? ? ? ?case "+":
? ? ? ? ?result=parseInt(cc1) + parseInt(cc2);
? ? ? ? ?break;
? ? ? ? ?case "-":
? ? ? ? ?result=parseInt(cc1) - parseInt(cc2);
? ? ? ? ? break;
? ? ? ? ?case "*":
? ? ? ? ?result=parseInt(cc1) * parseInt(cc2);
? ? ? ? ? break;
? ? ? ? ?default:
? ? ? ? ?result=parseInt(cc1) / parseInt(cc2);
? ? ? ??
? ? ? }
? ? //獲取第一個輸入框的值
? ? //獲取第二個輸入框的值
? ? //獲取選擇框的值
? ? //獲取通過下拉框來選擇的值來改變加減乘除的運算法則
? ? //設置結(jié)果輸入框的值?
? ??document.getElementById("fruit").value=result;//這句不能寫在count()函數(shù)外面。另外地下的等號按鈕,得分配一個單擊事件、觸發(fā)這個count()函數(shù)。
? ?}
? ?
? </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()" /> <!--通過 = 按鈕來調(diào)用創(chuàng)建的函數(shù),得到結(jié)果-->?
? ?<input type='text' id='fruit' /> ??
?</body>
</html>
2018-03-25
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
function count(){
? ? ? ?
? ? //獲取第一個輸入框的值
? ? var a= parseInt(document.getElementById("txt1").value);
//獲取第二個輸入框的值
? ? var b= parseInt(document.getElementById("txt2").value);
//獲取選擇框的值
? ? var c= document.getElementById("select").value;
//獲取通過下拉框來選擇的值來改變加減乘除的運算法則
? ? //設置結(jié)果輸入框的值?
? ? switch(c)
? ? {
? ? ? ? case '+':document.getElementById("fruit").value = a+b;break;
? ? ? ? case '-':document.getElementById("fruit").value = a-b;break;
? ? ? ? case '*':document.getElementById("fruit").value = a*b;break;
? ? ? ? case '/':document.getElementById("fruit").value = a/b;break;
? ? }
? ?}
? </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()"/> <!--通過 = 按鈕來調(diào)用創(chuàng)建的函數(shù),得到結(jié)果-->?
? ?<input type='text' id='fruit' />
</body>
</html>