為什么顯示不出結果
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
? <title>計算器</title> ?
? <script type="text/javascript">
? ?function count(){
? ?
? ?//獲取第一個輸入框的值
? ? var a = document.getElementById("txt1").value;
? ? //獲取第二個輸入框的值
? ? var b = document.getElementById("txt2").value;
? ??
? ? //獲取選擇框的值
var c = document.getElementById("select").value;
? ??
? ? var result=" ";
? ? //獲取通過下拉框來選擇的值來改變加減乘除的運算法則
? ? switch(c){
? ? ? ? case "+":
? ? ? ? ? ? reslut=parseInt(a)+parseInt(b);
? ? ? ? ? ? break;
? ? ? ? case "-":
? ? ? ? ? ? reslut=parseInt(a)-parseInt(b);
? ? ? ? ? ? break;
? ? ? ? case "*":
? ? ? ? ? ? reslut=parseInt(a)*parseInt(b);
? ? ? ? ? ? break;
? ? ? ? default :
? ? ? ? ? ? reslut=parseInt(a)/parseInt(b);
? ? }
? ? //設置結果輸入框的值?
? ? 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-10-23
因為樓主的result寫錯了,在switch里面,樓主把result寫成了 reslut. ?==||