2. gyakorlat

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Guessgame</title>
</head>
<body>
    <h1>Guess a number!</h1>

    <p>Gondoltam egy számra.</p>
    <p>Tippelj: </p>

    <input type="text" id="tipp">
    <input type="button" id="tippgomb" value="Tippelek">
    <div id="valasz"></div>
    <ul id="lista"></ul>

    <script type="text/javascript" src="gg.js"></script>
</body>
</html>

let megoldas;
function init()
{
    document.getElementById('tippgomb').onclick = guess;

    megoldas = Math.floor(Math.random() * 100) + 1;
    console.log(megoldas);
}

function guess()
{
    let x = document.querySelector('#tipp').value;
    if (x == megoldas)
    {
        document.querySelector('#valasz').innerHTML = 'Eltaláltad a számot!';
        document.querySelector('#tippgomb').disabled = 'true';
    }
    else if (x < megoldas)
    {
        document.querySelector('#valasz').innerHTML = 'A szám nagyobb!';
        document.querySelector('#lista').innerHTML += `<li>${x}</li>`;
    }
    else
    {
        document.querySelector('#valasz').innerHTML = 'A szám kisebb!';
        document.querySelector('#lista').innerHTML += `<li>${x}</li>`;
    }
}

window.onload = init;