个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
我正在开发“猜猜我的数字”游戏，但遇到了问题。我的游戏应该选择 1 到 10 之间的随机整数，并允许用户猜测，直到猜出正确的数字。每次猜测后，我应该显示一条消息，告诉他们的猜测是否太高、太低、正确，或者他们之前是否猜过该数字。我通过使用警报来显示用户是否太高、太低、正确等来让游戏正常运行(除了显示之前猜测的数字数组)。
if (guess == this.num) {
alert("Correct! It took you " + turns " tries to guess my number.");
...
}
但是，回顾一下说明，我发现我们不应该使用警报或任何其他类型的弹出窗口。所以我需要弄清楚如何在屏幕上而不是在警报框中显示这些消息。
以下是我在不使用警报的情况下尝试执行此操作的方法，但现在游戏根本无法运行(当我单击任一按钮时没有任何反应):
<html>
<head>
<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
<meta content="utf-8" http-equiv="encoding">
<title>Guess My Number</title>
<script type="text/javascript">
var tries = [];
var game = {
num : 0,
turns : 1,
reset : function() {
this.turns = 1;
this.newNum();
},
newNum : function() {
this.num = parseInt(Math.random() * 10) +1;
},
guessNumber : function(guess) {
try {
guess = parseInt(guess);
}
catch(e) {
alert("Enter a guess!");
this.turns++;
return false;
}
if (guess == this.num) {
document.getElementById("result").value = "Correct! It took you " + this.turns + " tries to guess my number.");
alert("Correct! It took you " + this.turns + " turns to guess my number.");
tries.push(guess);
document.querySelector("#tries").textContent = tries.join(', ');
document.getElementById("guess").value = " ";
return true;
}
else if(guess > this.num) {
document.getElementById("result").value = "Your guess is too high. Try again.";
alert("Your guess is too high. Try again.");
document.querySelector("#tries").textContent = tries.join(', ');
this.turns++;
document.getElementById("guess").value = " ";
return false;
}
else if(tries.indexOf(guess) != -1) {
document.getElementById("result").value = "You have already guessed this number. Try again.";
this.turns++;
document.getElementById("guess").value = " ";
return false;
}
else {
document.getElementById("result").value = "Your guess is too low. Try again.";
document.querySelector("#tries").textContent = tries.join(', ');
tries.push(guess);
this.turns++;
document.getElementById("guess").value = " ";
return false;
}
}
};
function guessNumber() {
var guess = document.getElementById("guess").value;
game.guessNumber(guess);
document.getElementById("guess").value = " ";
}
function resetGame() {
game.reset();
document.getElementById("guess").value = " ";
}
resetGame();
</script>
</head>
<body>
<h1>Would You Like To Play A Game?</h1>
<h2>Thank you for checking out my game. Good luck!</h2>
<h3>Created by Beth Tanner</h3>
<h2>Directions:</h2>
<p>
The game is very simple. I am thinking of a number between 1
and 10. It is your job to guess that number. If you do not guess
correctly on your first attempt, don't worry, you can keep guessing
until you guess the correct number.
</p>
<p>
Your Guess: <input type="text" id="guess" size="10" />
<br />
<input type="button" value="Sumbit Guess" onclick="guessNumber()" />
<input type="reset" value="Reset Game" onclick="resetGame()"/>
</p>
<h3>How Did You Do?:</h3>
<p>
<input type="hidden" id="result" size="20" />
</p>
<h3>Here Are Your Guesses So Far:</h3
</body>
</html>
有什么简单的方法可以做到这一点吗？我希望这些消息显示在标题“你做得怎么样？:”下方的隐藏文本中，如果这样可以更清晰一些。
这是我用最新代码制作的jsfiddle，http://jsfiddle.net/3p3f86fj/6/
最佳答案
您应该在正文中添加一个具有唯一 ID 的 div，例如 <div id='result'></div>然后在你的 JS 中，通过 ID 获取文档来引用它，你的函数应该将 div 的文本更改为你需要的任何内容。如果您想抽象出一些逻辑，请创建一个函数来更改名称。
关于javascript - 在不使用警报的情况下显示消息，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25857919/
24
4
0
我正在尝试将字符串转换为 float 。我知道 parseFloat() 可以做到这一点，但我也找到了下面的语法，但没有太多引用。 什么是正确的语法，因为它们似乎都有效。我可以在哪里了解更多相关信息？
我见过一些看起来很酷的“窗口”/“警报”/不管它们叫什么。我希望我知道。以下是其中的一些示例: 这些不应该是 Apple 独有的，因为我已经看到 3rd 方应用程序使用它们!我想知道这些 window
这个问题已经有答案了: What is the difference between a function call and function reference? (6 个回答) 已关闭 7 年前。
alert('test1'); var re = new RegExp("(http://(?:[A-Za-z0-9-]+\\.)?[A-Za-z0-9-]+\\.[A-Za-z0-9-]+/?)",
我有一个 Rails 应用程序，它与其他 Rails 应用程序通信以进行数据插入。我使用 jQuery $.post 方法进行数据插入。对于插入，我的其他 Rails 应用程序显示 200 OK。但在
我的作业有问题...我不知道我的代码有什么问题..我的作业是创建一个简单的学习数学和级别选择......我使用下拉菜单来选择级别和算术运算......现在我的问题是，当我单击按钮时，它将转到函数sta
我有一些复选框，其值属性来自数据库。我希望用户始终检查具有相同值的复选框(如果他不使用 javascript 发出警报)。我尝试使用以下 javascript 代码执行此操作，但没有用 fu
这有点难以解释，我的网站上有一个幻灯片形式的多部分表单。他们必须使用单选按钮从 3/4 选项中进行选择。 我对它们进行了一些验证，以确保用户在允许转到下一张幻灯片之前选择一个。 如果我单击一个对象来选
关闭。这个问题需要多问focused 。目前不接受答案。 想要改进此问题吗？更新问题，使其仅关注一个问题 editing this post . 已关闭 5 年前。 Improve this ques
我的页面上有一个click链接，我想在单击时播放通知或提示音。我如何使用jQuery做到这一点？ 在此先感谢... :) 炸药 最佳答案 使用 jQuery sound 插件。 关于javascrip
我正在尝试在 Excel 列中创建 VBA -Alert 弹出窗口。在基于某些计算的 Excel 工作表中，将计算一些增长％(H 列)，如果增长％> 20％，则会生成一个警报弹出窗口，询问原因代码，需
当用户滚动到网页的特定部分时，如何使用 JavaScript 显示警报。我尝试通过检查 document.body.clientWidth = document.documentElement.cli
我正在尝试制作一个脚本，其中会弹出一个提示窗口询问问题，并根据其中的答案，会弹出一个警告框，指出答案有效或无效。在我的代码中，我的提示框有效，但我的警报框没有。有人可以帮我解决这个问题吗？非常感谢!!
我正在尝试 Grafana 的警报和通知功能，它看起来真的很棒。 松弛通知示例。 但是有一个大问题。它需要使用 S3 进行配置，这使得任何人都可以公开访问图像。对于那些不希望公开访问其图像的公司来说，
我想知道是否有任何方法可以在 adobe reader 中通知用户pdf 表单已提交到服务器？我正在提交一个正常的 http/html 形式到 php 脚本没什么大不了的，直接，但文档、论坛等似乎存在
在 TFS 中构建失败后，是否可以通过电子邮件获取构建成功的信息？ 当构建失败时(我确实如此)，我可以收到电子邮件。当构建成功时，我可以收到电子邮件。 但我需要知道构建不再失败。如果我收到构建失败的电
我需要一些帮助来理解 jQuery 如何存储元素。请看一下这个链接: http://jsfiddle.net/NubWC/ 我试图从所有具有特定类的标题标签中获取元素 id，并将其放入数组中，以便我可
我想做 alert(this) 来进行演示(想看看代码中不同位置的“this”是什么)。 有什么想法可以实现这一目标吗？ 现在它只返回[object Object]？ 最佳答案 这样做: consol
当出现警告框时，有什么方法可以阻止 Enter 键盘吗？因此用户需要按 Esc 键或单击 Ok 按钮来删除警报。 alert('Hello'); 最佳答案 正如我之前的评论所述，标准的 javas
我正在尝试在 javascript 中创建一个函数并传入参数“name”，然后当用户点击一张照片时，会出现一条警告，类似于“这张照片是在 ____ 拍摄的” function photoWhere
我是一名优秀的程序员,十分优秀！