<!DOCTYPE html>
<html>
<head>
<title> 事件</title>
<script type="text/javascript">
function count(){
var x= parseInt(document.getElementById( "text1" ).value);
var y= parseInt(document.getElementById( "text2" ).value);
var z= document.getElementById( "select" ).value;
var a;
switch(z){
case"+":a=x+y;
break;
case"-":a=x-y;
break;
case"*":a=x*y;
break;
case"/":a=x/y;
break;
}document.getElementById("fruit").value=a;
}
</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>
把这几换上去吧!
var x= parseInt(document.getElementById( "txt1" ).value);
var y= parseInt(document.getElementById( "txt2" ).value);
default://switch 这个结尾(后面 2行)!
case "/":a=x/y;
最后一个case的分号“ ;” ,注意大小写,这种问题细心一点都可以避免的。
id写错了
你取值的输入框的id写错了,应该分别是“txt1”和“txt2”要统一,细心。
你的Id写错了。不是text1,text2,是txt1和txt2
你的id弄错了 是txt1 和 txt2;
var x= parseInt(document.getElementById( "txt1" ).value);
var y= parseInt(document.getElementById( "txt2" ).value);