<!DOCTYPE html> <html> <head> <title> 事件</title> <script type="text/javascript"> function count(){ var a1 = document.getElementById("text1".value); var a2 = document.getElementById("text2".value); var b1 = document.getElementById("fuhao".vaule); var result = ""; switch(b1) { case "+"; result = a1 + a2; break; case "-"; result = a1 - a2; break; case "*"; result = a1 * a2; break; case "/"; result = a1 / a2; break; } document.getElementById("fruit".vaule)=result; </script> </head> <body> <input type="text" id="test1"> <select id='fuhao'> <option value="+">+</option> <option value="-">-</option> <option value="*">*</option> <option value="/">/</option> </select> <input type="text" id="text2"> <input type="button" value="=" onclick="count()"/> <input type="text" id="fruit" /> </body> </html>
第7行:var
a1 = document.getElementById(
"text1")
.value;
第8行:
var
a2 = document.getElementById(
"text2")
.value;
第9行:
var
b1 = document.getElementById(
"fuhao")
.vaule;
13、16、19、22行应把分号改为冒号 如:case '+':
第26行:
document.getElementById(
"fruit")
.vaule=result;
第39行:
<input type=
"text"
id=
"fruit"
onclick="count()"/>
第7行:var
a1 = parseInt(document.getElementById(
"text1")
.value);
第8行:
var
a2 = parseInt(document.getElementById(
"text2")
.value);
第9行:
var
b1 = document.getElementById(
"fuhao")
.value;
13、16、19、22行应把分号改为冒号 如:case '+':
第26行:
document.getElementById(
"fruit")
.value = result;
在第26行和第27行之间再增加一个 }
第39行:
<input type=
"text"
id=
"fruit" onclick="count()
" />
几个地方都把value写错了
第7行:var
a1 = parseInt(document.getElementById(
"text1")
.value);
第8行:
var
a2 = parseInt(document.getElementById(
"text2")
.value);
第9行:
var
b1 = document.getElementById(
"fuhao")
.vaule;
13、16、19、22行应把分号改为冒号 如:case '+':
第26行:
document.getElementById(
"fruit")
.vaule=result;
在第26行和第27行之间再增加一个 }
第39行:
<input type=
"text"
id=
"fruit" onclick="count()
" />
不能用 break 否则下面的不执行了
要学会用chrome的控制台,里面会告诉你哪里错了
第7行括号错了
30行test1应该为text1 改了之后还是无效