JQuery: Fill in input fields using a button

Using JQuery to set values in empty input fields via a hints button

by Sherali Turdiyev

HTML

<form>
    <input type="text" id="num1" name="num1" value="">
    <input type="text" id="num2" name="num2" value="">
    <input type="text" id="num3" name="num3" value="">
    <br>
    <button id="goBtn">Go</button>
    <input id="values" type="hidden" name="" value="100,101,105,106,109,2">
</form>

CSS

form {
    margin: 25px 0px 0px 25px;
}
input {
    display:inline-block;
    vertical-align:middle;
    width:50px;
    margin-bottom:15px;
}

JavaScript

$("#goBtn").click(function () {
    var arr = $("#values").val().split(",");
    $("#num1").val(arr[parseInt(Math.random()*arr.length)]);
    $("#num2").val(arr[parseInt(Math.random()*arr.length)]);
    $("#num3").val(arr[parseInt(Math.random()*arr.length)]);
});