<!DOCTYPE?html>
<html>
?<head>
??<title>?事件</title>??
??<script?type="text/javascript">
???function?count(){
????//獲取第一個輸入框的值
????var?a?=?parseInt(document.getElementById("text1").value));
//獲取第二個輸入框的值
????var?b?=?parseInt(document.getElementById("text2").value));
//獲取選擇框的值
//獲取通過下拉框來選擇的值來改變加減乘除的運算法則
????var?fuhao?=?document.getElementById("select").value;
????var?jieguo;
????switch(fuhao)
????{
????????case'+':jieguo?=?a+b;
????????break;
????????case"-":jieguo?=?a-b;
????????break;
????????case"*":jieguo?=?a*b;
????????break;
????????case"/":jieguo?=?a/b;
????????break;
????}
????//設置結果輸入框的值
????document.getElementById("fruit").value?=?jieguo;
???}
??</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>
2016-11-22
//原始代碼中這里多加了 ),text1應該改為 txt1
//原始代碼中這里多加了 ),text2應該改為 txt2
詳見以下:
<!DOCTYPE html>
<html>
?<head>
? <title> 事件</title> ?
? <script type="text/javascript">
? ?function count(){
? ? //獲取第一個輸入框的值
? ? var a = parseInt(document.getElementById("txt1").value); ?//原始代碼中這里多加了 ),text1應該改為 txt1
? ? //獲取第二個輸入框的
? ? var b = parseInt(document.getElementById("txt2").value); ?//原始代碼中這里多加了 ),text2應該改為 txt2
? ? //獲取選擇框的值
? ? //獲取通過下拉框來選擇的值來改變加減乘除的運算法則
? ? var fuhao = document.getElementById("select").value;
? ? var jieguo;
? ? switch(fuhao)
? ? {
? ? ? ? case'+':jieguo = a+b;
? ? ? ? break;
? ? ? ? case"-":jieguo = a-b;
? ? ? ? break;
? ? ? ? case"*":jieguo = a*b;
? ? ? ? break;
? ? ? ? case"/":jieguo = a/b;
? ? ? ? break;
? ? }
? ? //設置結果輸入框的值
? ? document.getElementById("fruit").value = jieguo;
? ?}
? </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>
2016-11-22
txt1 ? 不是 text1