I'm looking to create a simple jquery game. It starts like this, the user enters a number in a text field.

<form>
    <input type="text" id="MyNumber" value="" />
    <button id="getit">Play</button>
</form>
<div id="randomnumber"></div>

After the click the play button, a series of numbers will appear in the div id randomnumber. The objective is to click on the randomly rotating numbers in the div id randomnumber when they see the number they intered in the my number text field. If they click their number, they win.

The jquery script I have requires a button be pushed to generate the number, (I don't want a button pushed each time a new number should be generated.) The script also doesn't identify the number that was clicked, or send it to my checknumber.php page so I can store the number entered and the number picked in a database. Any help?

Bu ben jquery yazısıdır.

function IsNumeric(n){
    return !isNaN(n);
} 

$(function(){
    $("#getit").click(function() {
        var numLow = $("#lownumber").val();
        var numHigh = $("#highnumber").val();

        var adjustedHigh = (parseFloat(numHigh) - parseFloat(numLow)) + 1;
        var numRand = Math.floor(Math.random()*adjustedHigh) + parseFloat(numLow);

        if (IsNumeric(numLow)
            && IsNumeric(numHigh)
            && (parseFloat(numLow) <=  parseFloat(numHigh)) 
            && (numLow != '') 
            && (numHigh != '')) 
        {
            $("#randomnumber").text(numRand);
        } else {
            $("#randomnumber").text("Careful now...");
        }

        return false;
    });

    $("input[type=text]").each(function(){
        $(this).data("first-click", true);
    });

    $("input[type=text]").focus(function(){
        if ($(this).data("first-click")) {
            $(this).val("");
            $(this).data("first-click", false);
            $(this).css("color", "black");
        }
    });
});