從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();
});