計算器功能不明白為什么實現(xiàn)不了,感覺沒什么錯,求大神指點(diǎn)
<!DOCTYPE html>
<html>
?<head>
? <title> 事件</title> ?
? <script type="text/javascript">
?? function count(){
????? ?
??? //獲取第一個輸入框的值
??? var a=parseInt(document.getElementById(txt1).value);
?? ?//獲取第二個輸入框的值
??? var b= parseInt(document.getElementById(txt2).value);
?? ?//獲取選擇框的值
??? var c= document.getElementById(select).value;
?? ?//獲取通過下拉框來選擇的值來改變加減乘除的運(yùn)算法則
??? switch(c){
??????? var result;
??????? case '+':
??????????? result=a+b;
??????????? break;
??????? case '-':
??????????? result=a-b;
??????????? break;
??????? case '*':
??????????? result=a*b;
??????????? break;
??????? case '/':
??????????? result=a/b;
??????????? break;
??????? default:
??????????? break;
?????? ?
?????? ?
??? }
??? //設(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>
上面是我的源代碼,想不通,為什么結(jié)果運(yùn)行不出來呢
2016-08-08
<!DOCTYPE html>
<html>
<head>
? ?<title> 事件</title>
? ?<script type="text/javascript">
? ? ? ?function count(){
? ? ? ? ? ?//獲取第一個輸入框的值
? ? ? ? ? ?var a=parseInt(document.getElementById("txt1").value);
? ? ? ? ? ?//獲取第二個輸入框的值
? ? ? ? ? ?var b= parseInt(document.getElementById("txt2").value);
? ? ? ? ? ?//獲取選擇框的值
? ? ? ? ? ?var c= document.getElementById("select").value;
? ? ? ? ? ?//獲取通過下拉框來選擇的值來改變加減乘除的運(yùn)算法則
? ? ? ? ? ?var ss;
? ? ? ? ? ?switch(c){
? ? ? ? ? ? ? ?case '+':
? ? ? ? ? ? ? ? ? ?ss=a+b;
? ? ? ? ? ? ? ? ? ?break;
? ? ? ? ? ? ? ?case '-':
? ? ? ? ? ? ? ? ? ?ss=a-b;
? ? ? ? ? ? ? ? ? ?break;
? ? ? ? ? ? ? ?case '*':
? ? ? ? ? ? ? ? ? ?ss=a*b;
? ? ? ? ? ? ? ? ? ?break;
? ? ? ? ? ? ? ?case '/':
? ? ? ? ? ? ? ? ? ?ss=a/b;
? ? ? ? ? ? ? ? ? ?break;
? ? ? ? ? ? ? ?default:
? ? ? ? ? ? ? ? ? ?break;
? ? ? ? ? ?}
? ? ? ? ? ?//設(shè)置結(jié)果輸入框的值
? ? ? ? ? ?document.getElementById("fruit").value = ss;
? ? ? ?}
? ?</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>
2022-03-27
有時候我們恰好需要的就只是不被丟失的那一部分:是的呢。。這個得記一下。
2016-08-08
首先,根據(jù)ID獲取元素里面要用引號,例如document.getElementById("txt1"),其次,你定義的結(jié)果的值不應(yīng)該放到switch里面,
var result;
switch(c){
? ? ? ??
??????? case '+':
??????????? result=a+b;
??????????? break;
??????? case '-':
??????????? result=a-b;
??????????? break;
??????? case '*':
??????????? result=a*b;
??????????? break;
??????? case '/':
??????????? result=a/b;
??????????? break;
??????? default:
??????????? break;
?????? ?
?????? ?
??? }
2016-08-08
通過id名稱獲取輸入框和選擇框中值得時候,id名稱要用雙引號""括起來
2016-08-08
getElementById("txt1") ? ,看到雙引號沒,tag的id要用引號引起來
2016-08-08
getElementById("txt1") ? ,看到雙引號沒,tag的id要用引號引起來