function getColor(num) {
    num = num.toString(16);
    return "#" + "ABCDEF".substr(0, 6 - num.length) + num;
}


//var rowNum = 5;
//var colsNum = 5;

var gameNum = 0;
var bestGuess = 0;
var currGuesses = 0;


    function CustomInput(id, type, defaultValue, labelText) {
        let input = document.createElement("input");
        input.id = id;
        input.type = type;
        input.value = defaultValue;
        input.classList.add("form-control");

        let label = document.createElement("label");
        let forAttr = document.createAttribute("for");
        forAttr.value = id;
        label.attributes.setNamedItem(forAttr);
        label.textContent = labelText;
        label.classList.add("label");
        label.classList.add("label-default");

        let group = document.createElement("div");
        group.classList.add("input-group");
        group.appendChild(label);
        group.appendChild(input);

        this.id = id;
        this.defaultValue = defaultValue;
        this.input = input;
        this.label = label;
        this.group = group;
        this.getValue = function () {
            return this.input.value;
        }
    }

    function GuessANumber(maxValue) {
        var number = new Date().getTime() % (maxValue || 1000);
        this.guess = function (guess) {
            return guess > number ? -1 : guess < number ? 1 : 0;
        }
    }

    var ujJatek = new CustomInput("ujJatek", "button", "Új játék", "Új játék indítása: ");
    var tipp = new CustomInput("tipp", "number", "", "Ide írd a tipped:");
    var submit = new CustomInput("submit", "button", "Tippelek", "");

    tipp.input.disabled = true;
    submit.input.disabled = true;

    var currGame;

    ujJatek.input.classList.add("btn");
    ujJatek.input.classList.add("btn-success");

    submit.input.classList.add("btn");
    submit.input.classList.add("btn-success");

    var guesses = document.createElement("ul");
    guesses.id = "guesses";
    guesses.classList.add("ul");


    submit.input.addEventListener("click", function () {
        if (currGame != null) {

            if (currGame.guess(tipp.getValue()) == -1) {
                $('ul').prepend('<li>' + tipp.getValue() + '<span style="color : blue"> :Nagyobb</span></li>');
                currGuesses++;

            } else {
                if (currGame.guess(tipp.getValue()) == 1) {
                    $('ul').prepend('<li>' + tipp.getValue() + '<span style="color : red"> :Kisebb</span></li>');
                    currGuesses++;

                } else {
                    document.getElementById('submit').disabled = true;
                    document.getElementById('tipp').disabled = true;
                    if (currGuesses < bestGuess || bestGuess == 0) {
                        bestGuess = ++currGuesses;
                        document.getElementById("p2").textContent = bestGuess + ': Eddigi legjobb tipp';
                    }
                    currGuesses = 0;
                    $('ul').prepend('<li>' + tipp.getValue()+'<span style="color : green">: TALÁLT!</span></li>');
                }
            }

            document.getElementById("p3").textContent = currGuesses + ': Jelenlegi tippek száma';
            document.body.appendChild(guesses);
        }


    });

    ujJatek.input.addEventListener("click", function () {
        document.getElementById('submit').disabled = false;
        document.getElementById('tipp').disabled = false;
        currGame = new GuessANumber(100);
        gameNum++;
        document.getElementById("p1").textContent = gameNum + '. játék';

        currGuesses = 0;
        $('ul').empty();
        $('ul').remove();
        $("#tipp").val('');
        document.body.appendChild(guesses);

    });
    var inputs = [ujJatek, tipp, submit];

    var form = document.createElement("div");


    for (var i in inputs)
        form.appendChild(inputs[i].group);

    var p1 = document.createElement("p"); p1.textContent = gameNum + '. játék'; p1.id = "p1";
    var p2 = document.createElement("p"); p2.textContent =  bestGuess + ': Eddigi legjobb tipp'; p2.id = "p2";
    var p3 = document.createElement("p"); p3.textContent =  currGuesses + ': Jelenlegi tippek száma'; p3.id = "p3";


    document.body.appendChild(p1);
    document.body.appendChild(p2);
    document.body.appendChild(p3);
    document.body.appendChild(form);