从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（）时，它反复尝试从Input html元素获取输入值，因此崩溃了。

请帮忙！ 之前感谢

Answer 1

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

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

您是否正在尝试将功能附加到“提交”按钮？ 那将是：

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