javascript - 从 HTML 输入中获取 INPUT 值

Question

我正在尝试制作这个猜谜游戏。以下是 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 元素中获取输入值，因此崩溃了。

请帮忙!先谢谢了

Answer 1

看起来您确实想要获取输入的值，而不是提交按钮:

$("#input").val();

您是否尝试将您的函数附加到提交按钮？那将是:

$("#submit").click(function(){
     CheckUserInput();
});