<html>
<head>
<title> Buttons</title>
<style type="text/css">
.intro{background-color:;}
.duction{background-color:blue;}
.function{background-color:grey;}
.equals{background-color:orange;}
</style>
</head>
<body>
<form name="calculator">
<input type="text" name="display" length="50" width="100">
<div>
<input type= "button" value="7" class="intro" id="7" onclick="one(7)"></button>
<input type= "button" value="8" class="intro" id="8" onclick="one(8)"></button>
<input type= "button" value="9" class="intro" id="9" onclick="one(9)"></button>
<input type= "button" value="+" class="intro" id="+" onclick="one(+)"></button>
<input type= "button" value="-" class="intro" id="-" onclick="one(-)"></button>
<div>
<input type= "button" value="4" class="intro" id="4" onclick="one(4)"></button>
<input type= "button" value="5" class="intro" id="5" onclick="one(5)"></button>
<input type= "button" value="6" class="intro" id="6" onclick="one(6)"></button>
<input type= "button" value="x" class="intro" id="x" onclick="one(*)"></button>
<input type= "button" value="/" class="intro" id="/" onclick="one(/)"></button>
<div>
<input type= "button" value="1" class="intro" id="1" onclick="one(1)"></button>
<input type= "button" value="2" class="intro" id="2" onclick="one(2)"></button>
<input type= "button" value="3" class="intro" id="3" onclick="one(3)"></button>
<input type= "button" value="=" class="intro" ></button>
<div>
<input type= "button" value="0" class="intro" id="0" onclick="one(0)"></button>
<input type= "button" value="." class="intro" id="." onclick="one(.)"></button>
<input type= "button" value="c" class="intro" onclick="clearDigit()"></button>
<script type="text/javascript" src="C:\Users\LS\Desktop\QBJS\button.js">
</script>
</body>
</html>
的Javascript
function one(event)
{
clearTimeout(timer);
timer=setTimeout("AddDigit(object)",500);
object=event;
}
//每当我在显示窗口中输入一个数字时,它会替换以前的数字,而不是像实际的计算器那样连接到它。还试图找出为什么我不能让我的函数符号出现在我的显示窗口中....我怀疑它与我的setTimeout有关....
function AddDigit(x)
{
object=x;
if (eval(digit) == 0)
{digit = object;}
else
{digit = digit + object;}
document.calculator.display.value=object;
}
答案 0 :(得分:0)
它没有连接,甚至没有添加。你不能这样通过。原因是当您使用字符串发出回调时,它只会调用该函数。如果你想传递参数,那么你需要创建一个闭包并在那里传递它们。
试试这个:
timer=setTimeout(function(){ AddDigit(object); },500);
你想要通过的事件很可能是事件:
timer=setTimeout(function(){ AddDigit(event); },500);
或
object = event;
timer=setTimeout(function(){ AddDigit(object); },500);
另外,在AddDigit中,你可能想要这个:
document.calculator.display.value += object;
答案 1 :(得分:0)
你在做,
document.calculator.display.value=object;
但是连接版本是“数字”变量。