求大佬看看有啥問題
<!DOCTYPE html>
<html>
?<head>
? <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;
//獲取選擇框的值
? ?switch(c)
? ?{
? ? ? ?case "+":
? ? ? ? ? ?d=a+b;
? ? ? ? ? ?break;
? ? ? ?case "-":
? ? ? ? ? ?d=a-b;
? ? ? ? ? ?break;
? ? ? ?case "*":
? ? ? ? ? ?d=a*b;
? ? ? ? ? ?break;
? ? ? ?default:
? ? ? ? ? ?d=a/b;
? ? ? ? ? ?break;
? ?}
? ?document.getElementById("fruit").value=d;
//獲取通過下拉框來選擇的值來改變加減乘除的運算法則
? ? //設(shè)置結(jié)果輸入框的值?
? ??
? ?}
? </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()"/> <!--通過 = 按鈕來調(diào)用創(chuàng)建的函數(shù)，得到結(jié)果-->?
? ?<input type='text' id='fruit' />? ?
?</body>
</html>
2021-04-05
1. value前面沒加 .?
2. 如果你alert一下a.value 你會發(fā)現(xiàn)他是一個string是做不能直接運算的，用parseInt() 換成int
3. d 沒有聲明
2021-06-17
用這個eval方法直接可以輕松搞定?。。?！
<!DOCTYPE?html>
<html>
?<head>
??<title>?事件</title>??
??<script?type="text/javascript">
???function?count(){
???????
????//獲取第一個輸入框的值
????var?inputValue_1=document.getElementById("txt1").value
????//獲取第二個輸入框的值\
????var?inputValue_2=document.getElementById("txt2").value
????//獲取選擇框的值
????var?inputValue_3=document.getElementById("select").value
????console.log(inputValue_3);
????//獲取通過下拉框來選擇的值來改變加減乘除的運算法則
????var?result?=?window.eval(inputValue_1+inputValue_3+inputValue_2)
????console.log(result);
????//設(shè)置結(jié)果輸入框的值?
????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()"?/>?<!--通過?=?按鈕來調(diào)用創(chuàng)建的函數(shù)，得到結(jié)果-->?
???<input?type='text'?id='fruit'?/>???
?</body>
</html>
2021-04-06
<!DOCTYPE?html> <html> <head> <title>?事件?</title>??? <script?type?=?"text/javascript"?> function?count()?{ var?a?=?document.getElementById("txt1").value; var?b?=?document.getElementById("txt2").value; var?sum?=?0; //獲取第一個輸入框的值 //獲取第二個輸入框的值 //獲取選擇框的值 var?c?=?document.getElementById("select").value; //獲取通過下拉框來選擇的值來改變加減乘除的運算法則 switch(c)?{ case?"+": sum?=?parseInt(a)+?parseInt(b); break; case?"-": sum?=?parseInt(a)?-?parseInt(b); break; case?"*": ????sum?=?parseInt(a)?*?parseInt(b); ????break; case?"/": ????sum?=parseInt(a)?/?parseInt(b); ????break; } document.getElementById("fruit").value=sum; } </script> </head>? <body> <input?type?=?'text'id?=?'txt1'?/?> <select?id?=?'select'?onchange="count()"> <option?value?=?'+'?>?+?<?/option>? <option?value?=?"-"?>?-?<?/option> <option?value?=?"*"?>?*?<?/option>? <option?value?=?"/"?>?/</option?> </select> <input?type?=?'text'id?=?'txt2'?/?> <input?type?=?'button'value?=?'?=?'onclick="count()"?/?>? <!--通過?=?按鈕來調(diào)用創(chuàng)建的函數(shù)，得到結(jié)果--> <input?type?=?'text'id?=?'fruit'?/?> </body>? </html>