//Global variable for comp. random number
var randomNumber = Math.floor(Math.random() * 100) + 1;

//HTML elements in Javascript for game logic
var guesses = document.querySelector('.guesses');
var lastResult = document.querySelector('.lastResult');
var lowOrHi = document.querySelector('.lowOrHi');

var guessSubmit = document.querySelector('.guessSubmit');
var guessField = document.querySelector('.guessField');

var resetButton;
var guessCount = 1;

guessField.focus();

//core game logic
function checkGuess() {
    var userGuess = Number(guessField.value)
    guesses.textContent += userGuess + ' ';
    if (guessCount == 10) {
        guesses.textContent = 'Game Over!! ';
        guesses.style.backgroundColor = "red";
        setGameOver();
    }


    //check the user input
    else {
        if (userGuess === randomNumber) {
        //set game over - WIN
        lastResult.textContent = 'Cestitam! Pogodili ste broj!';
        lastResult.style.backgroundColor = 'green';
        lowOrHi.textContent = '';
        setGameOver();
    }
     else {
        //if userGuess too low
        lastResult.textContent = "Niste pogodili!";

        if (userGuess < randomNumber) {
            //infom the user - too low
            lowOrHi.textContent = 'Premali broj ...';
        }else if(userGuess > randomNumber){
            //infom the user - too high
            lowOrHi.textContent = 'Prevelik broj ...';
        }
    }
}
    //increment guesCount for 1
    guessCount++;
    guessField.value = "";

}

guessSubmit.addEventListener('click', checkGuess);


//game over control
function setGameOver() {
    guessField.disabled = true;
    guessSubmit.disabled = true;
    //prepare new HTML button for the new game
    resetButton = document.createElement('button');
    resetButton.textContent = 'Start nove igre';
    document.body.appendChild(resetButton);
    resetButton.addEventListener('click', resetGame);
}

//reset game - including HTML content
function resetGame() {
    guessCount = 1;

    //clear paragraphs

    //enable button and text...

    guessField.disabled = false;
    guessSubmit.disabled = false;
    randomNumber = true;
    guesses.textContent = " ";
    lastResult.disabled;
    resetButton.parrentNode.removeChild(resetButton);

    randomNumber = Math.floor(Math.random() * 100) + 1;

}

checkGuess();