Javascript/les-3/guessing-game/main.js

// 1 generate random number (0-10)
const randomNumber = function (numberRange) {
    const number = Math.floor(Math.random() * numberRange + 1);
    return number;
};
// 2 insert random number in #solution
document.getElementById('solution') = function () {
    const solution = [];
    solution.push(randomNumber(10));
    return solution;
};
// 3 hide #solution (el.hidden)
document.getElementById('solution').hidden = function () {
    const solution = [];
    solution.push(randomNumber(10));
    return solution;
};
// 4 on #guess-sumbit click
// 1 generate random number
const randomNumber = function (numberRange) {
    const number = Math.floor(Math.random() * numberRange + 1);
    return number;
};
//  > get value from #guess-input (guess)
const guess = document.getElementById('guess-input').value;
//  > make new p tag with textContent === guess
//const getTextContent = function () {
document.getElementById('guess').textContent;
//};
// 5 check guess
const checkGuess = function (maxGuesses) {
    guessCount = 1;
    while (guess !== randomNumber && guessCount < maxGuesses) {
        document.getElementById('guess').textContent = 'Try Again';
        guessCount++;
    }
    if (guess == randomNumber) {
        document.getElementById('guess').textContent = 'You Won';
    }
};
//  > if correct > #message.textContent = 'You won'
//  > if not correct > #message.textContent = 'Try again'
// fase 2
// 6 if player won
//  > #guess-submit.textContent = 'restart'
// 7 on #guess-submit
//  > reset game
//      > empty #guess-container
//      > new solution
//      > #guess-submit.textContent = 'guess'
// 8 validate input
//  > #message.textcontent = 'Insert valid number'
//  > do not add new p
// 9 max 5 guesses
// 10 keep guess count in #guess-count