為啥沒反應
<!DOCTYPE html>
<html>
?<head>
? <title> 事件</title> ?
? <script type="text/javascript">
? ?function count(){
? ? var a=parseInt(document.getElementById("txt1").value); ??
? ? //獲取第一個輸入框的值
? ? var b=parseInt(document.getElementById("txt2").value);
//獲取第二個輸入框的值
//獲取選擇框的值
? ? var c=document.getElementById("select").value;
//獲取通過下拉框來選擇的值來改變加減乘除的運算法則
? ?
? ? //設置結果輸入框的值?
? ? switch(c){
? ? case "+"
? ? d=a+b;
? ? break;
? ? case "-"
? ? d=a-b;
? ? break;
? ? case "*"
? ? d=a*b;
? ? break;
? ? default:
? ? if(b == 0){
? ? alert('被除數不能為0!'); ?
? ? }else{
? ? d = a / b;?
? ? }
? ? }
? ? ?var d=document.getElementById("fruit").value;
? ?}
? </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' onclick="count()" value=' = ' /> <!--通過 = 按鈕來調用創建的函數,得到結果-->?
? ?<input type='text' id='fruit' /> ??
?</body>
</html>
2014-12-17
<!DOCTYPE?html> <html> ?<head> ??<title>?事件</title>?? ??<script?type="text/javascript"> ???function?count(){ ????var?a=parseInt(document.getElementById("txt1").value);??? ????//獲取第一個輸入框的值 ????var?b=parseInt(document.getElementById("txt2").value); //獲取第二個輸入框的值 //獲取選擇框的值 ????var?c=document.getElementById("select").value; //獲取通過下拉框來選擇的值來改變加減乘除的運算法則 ???var?d?=?0; ????//設置結果輸入框的值? ????switch(c){ ????case?"+": ????d=a+b; ????break; ????case?"-": ????d=a-b; ????break; ????case?"*": ????d=a*b; ????break; ????default: ????if(b?==?0){ ???? alert('被除數不能為0!');?? ????}else{ ???? d?=?a?/?b;? ????} ????} ????document.getElementById("fruit").value?=?d;? ???} ??</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'?onclick="count()"?value='?=?'?/>?<!--通過?=?按鈕來調用創建的函數,得到結果-->? ???<input?type='text'?id='fruit'?/>??? ?</body> </html>在Chrome瀏覽器中,使用開發者工具,可以查看頁面是否正常加載。
1.語法錯誤,case 語句后面要加 : 冒號。
2.把計算結果d 賦值給 結果文本框?document.getElementById("fruit").value
3.進行校驗是否輸入為空,并且輸入的是數字。
GOOD LUCK!!!