我正在尝试制作这个猜谜游戏。以下是 Github 上的存储库。 https://github.com/christsapphire/Guessing-Game
我在guessing-game.js中编写了逻辑,并且运行良好。我正在使用 userGuess =提示(“猜一个数字”)。但是,如果我在此提示上单击“取消”,它会继续询问(也许这就是原因?)。
我尝试使用 userGuess = $('#input').val(); 将其转换为 jQuery;它遇到了一个错误。我点击“提交”按钮后网页崩溃了。
我希望当用户单击网页上的“提交”按钮时,它会运行下面的这个函数。
function checkUserInput() {
for (var valid = false; !valid;) {
//I suspect these two below
// userGuess = parseInt($('#submit').val(), 10)
//userGuess = parseInt(prompt("Guess a number"), 10);
//-----------
if ((userGuess >= 1) && (userGuess <= 100)) {
if (repeatAnswer(userGuess, userGuessHistory)) {
$('#status').text("You chose that number before! Choose another number!");
} else {
valid = true;
userGuessHistory.push(userGuess);
return true;
}
} else {
$('#status').text("That number is invalid! Please enter a number between 1-100");
}
}
}
我认为当我启用 userGuess = $('#submit').val() 时,它会反复尝试从输入 html 元素中获取输入值,因此崩溃了。
请帮忙!先谢谢了
最佳答案
看起来您确实想要获取输入的值,而不是提交按钮:
$("#input").val();
您是否尝试将您的函数附加到提交按钮?那将是:
$("#submit").click(function(){
CheckUserInput();
});
关于javascript - 从 HTML 输入中获取 INPUT 值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23717737/