我有一个 div,当点击它时会调用一个名为 door() 的 onclick 函数。会出现一个提示框,用户在输入后,提示框消失。
我设置了一个 if 语句:如果一个变量 (i) 大于 3(这发生在用户在提示框中输入内容并再次单击 div 后),则弹出提示框显示用户在提示框中输入的内容。
我的问题是当用户重新单击 div 时,弹出的提示框显示 "undefined" 而不是用户输入的内容。为什么呢?
以下是代码:
我设置了一个 if 语句:如果一个变量 (i) 大于 3(这发生在用户在提示框中输入内容并再次单击 div 后),则弹出提示框显示用户在提示框中输入的内容。
我的问题是当用户重新单击 div 时,弹出的提示框显示 "undefined" 而不是用户输入的内容。为什么呢?
以下是代码:
<!DOCTYPE html>
<html>
<head>
<style>
#mainWall{position: absolute; width: 98%; height: 98%; border: 3px solid brown; }
#door{position: absolute; left: 49%; width: 5%; height: 10px; background: green; bottom: 1%;}
#widthCorridor{position: absolute; width: 5%; height: 98%; left: 49%; background: red; bottom: 18px;}
#mainCorridor{position: absolute; width: 98%; height: 5%; left: 1%; background: red; bottom: 50%;}
</style>
</head>
<body>
<div id="mainWall"></div>
<div id="mainCorridor"></div>
<div id="widthCorridor"></div>
<div id="door" onclick="door()"></div>
<script type="text/javascript">
var i = 1;
function door() {
while (i == 1){
var door = prompt();
i++;
}
i++
if (i > 3) {
alert(door);
}
}
</script>
</body>
</html>
if (i > 3)
改为if (i > 2)
。 - Adam Buchanan Smith