沒有運行出結果,求高人指點!
<!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。這是第三個問題,輸入框獲取的值是字符串,需要你將字符串兒轉成數字。
以下是我修正之后的代碼:
僅代表我個人看法,希望能幫到你!