qq_yEs先生_53591812
2016-07-28 10:55
<!DOCTYPE html>
<html>
<head>
<title> 事件</title>
<script type="text/javascript">
function count(){
var a=document.getElementById("txt1").value;
var b=document.getElementById("select").value ;
var c=document.getElementById("txt2").value ;
switch(b)
{
case "+":
d= parseInt(a)+parseInt(c);
break;
case "-":
d= parseInt(a)-parseInt(c);
break;
case "*":
d= parseInt(a)*parseInt(c);
break;
case "/":
d= parseInt(a)/parseInt(c);
break;
}
var d=document.getElementById("fruit").value
}
</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 d=document.getElementById("fruit").value 这句错了
应该是 document.getElementById("fruit").value = d;
把值赋给对象的value才能修改,而不是把对象的value赋给d
按照我的理解,value是指内容一样的东西,举例
<input type='button' value=' = ' onclick="count()" />
这里声明了一个按钮,那按钮里面的内容是什么呢,内容是等号,所以显示了一个等号的按钮
document.getElementById("fruit").value
<input type='text' id='fruit' />
现在fruit里面是没内容的,因为没有设置value,但是把值赋进去后,fruit就有内容了,所以文本框里就显示出结果了。----------------------以上个人见解,有误请见谅
value是input元素的一个值,它的实际含义是你可以理解为input标签显示在浏览器界面的内容,这个值在最初是没有设定的。
在这道题中,你需要把输出结果传递给input标签,也就是把值赋给value,才会输出
JavaScript进阶篇
468061 学习 · 21891 问题
相似问题