Question

我正在努力制作这个猜猜游戏。下面是Github上的回购。 https://github.com/christsapphire/Guessing-Game

我在guessing-game.js中编写了逻辑，但它运行良好。我正在使用userGuess = prompt（＆＃34;猜一个数字＆＃34;）。但是，如果我在此提示上单击取消，它将继续询问（也许这就是为什么??）。

我尝试将此转换为jQuery，使用userGuess = $（＆＃39; #input＆＃39;）。val（）;它遇到了一个bug。点击“＃34;提交＆＃34;”后，网页崩溃了。按钮。

我希望用户点击＆＃34;提交＆＃34;按钮在网页上，它在下面运行此功能。

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 = $（＆＃39;＃submit＆＃39;）。val（）时，它会反复尝试从输入html元素中获取输入值，因此它会崩溃。

请帮忙！先谢谢

Answer 1

看起来你真的想要获得输入的值，而不是提交按钮：

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

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

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

从HTML输入中获取INPUT值

1 个答案: