沒有運行出結果,求高人指點!
<!DOCTYPE html>
<html>
?<head>
? <title> 事件</title> ?
? <script type="text/javascript">
? ?function count(){
? ? var a,b,sel,result ??
? ? //獲取第一個輸入框的值
? ? a=document.getElementById(txt1).value;
//獲取第二個輸入框的值
? ? b=document.getElementById(txt2).value;
//獲取選擇框的值
? ? sel=document.getElementById(select).value;
//獲取通過下拉框來選擇的值來改變加減乘除的運算法則
? ? switch(sel){
? ? ? ? case "+":
? ? ? ? ? ? result=a+b;
? ? ? ? ? ? break;
? ? ? ? case "-":
? ? ? ? ? ? result=a-b;
? ? ? ? ? ? break;
? ? ? ? case "*":
? ? ? ? ? ? result=a*b;
? ? ? ? ? ? break;
? ? ? ? default
? ? ? ? if (b!=0){
? ? ? ? ? ? result=a/b;
? ? ? ? }
? ? ? ? else{
? ? ? ? ? ? alert("分母不能為零!");
? ? ? ? }
? ? ? ? ? ??
? ? ? ? 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=' = ' onclick="count()"/> <!--通過 = 按鈕來調用創建的函數,得到結果-->?
? ?<input type='text' id='fruit' /> ??
?</body>
</html>
2015-01-05
首先說一下我在你的程序中發現的問題:
1、將你的代碼運行,瀏覽器會報錯,提示你if在此處的用法不妥。
2、javascript代碼中所有的document.getElementById()中的id你都沒有寫雙引號,當id是變量的時候才可以不寫引號。
3、當修正了以上兩個問題之后,我1+2運行的結果是12。這是第三個問題,輸入框獲取的值是字符串,需要你將字符串兒轉成數字。
以下是我修正之后的代碼:
<!DOCTYPE?html> <html> <head> <title>事件</title> <script?type="text/javascript"> ???function?count(){ ????var?a,b,sel,result??? ????//獲取第一個輸入框的值 ????a=parseInt(document.getElementById("txt1").value); //獲取第二個輸入框的值 ????b=parseInt(document.getElementById("txt2").value); //獲取選擇框的值 ????sel=document.getElementById("select").value; //獲取通過下拉框來選擇的值來改變加減乘除的運算法則 ????switch(sel){ ????????case?"+": ????????????result=a+b; ????????????break; ????????case?"-": ????????????result=a-b; ????????????break; ????????case?"*": ????????????result=a*b; ????????????break; ????????case?"/": ????????if?(b!=0){ ????????????result=a/b; ????????} ????????else{ ????????????alert("分母不能為零!"); ????????}; ????????}???? ????????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='?=?'?onclick="count()"/> <!--通過?=?按鈕來調用創建的函數,得到結果--> <input?type='text'?id='fruit'?/> </body> </html>僅代表我個人看法,希望能幫到你!