Get an INPUT value from HTML Input

Question

I am trying to make this Guessing Game. Below is the repo on Github. https://github.com/christsapphire/Guessing-Game

I wrote the logic in guessing-game.js and it worked fine. Which I am using userGuess = prompt("Guess a number"). However, if I click cancel on this prompt, it will keep asking (maybe thats why??).

I tried to translate this to jQuery, using userGuess = $('#input').val(); and it encountered a bug. The webpage crashed after I click the "Submit" button.

I want when a user click "Submit" button on the webpage, it runs this function below.

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");
        }
    }

}

I think when I enable userGuess = $('#submit').val() it is repeatedly trying to take an input value from the Input html element, so it crashed.

Please help! Thanks before

Describe what exactly you mean by "crash", and provide the full text of any error messages that occur. — ajp15243
– ajp15243, Commented May 18, 2014 at 1:34
I want when a user click "Submit" button on the webpage, it runs this function below. Have you tried $("#sumbit").click(checkUserInput); ? — tpgalan
– tpgalan, Commented May 18, 2014 at 1:37
There was no error messages, just crashed like that. Yes, I tried that, it still didn't work. Maybe it has something to do with my FOR loop — Christian Sakai
– Christian Sakai, Commented May 18, 2014 at 1:40

Peter Darley · Accepted Answer · 2014-05-18 01:40:48Z

1

It looks like you are really wanting to get the value of the input, not the submit button:

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

Are you trying to attach your function to the submit button? That would be:

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

answered May 18, 2014 at 1:40

Peter Darley

112 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Christian Sakai Over a year ago

No, thats not what I am trying to do. Yes I already tried that, I want to attach that function to the submit button just like the way you suggested.

Collectives™ on Stack Overflow

Get an INPUT value from HTML Input

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related