Untitled

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <script>
        document.addEventListener('DOMContentLoaded', () => {
            let min = 1;
            let max = 1000;
            let guess;
            let h1 = document.querySelectorAll('h1')[0];

            const taskGuess = () => {
                guess = Math.floor(Math.random()*(max - min + 1) + min);
                h1.innerText = guess;
            }
            taskGuess();

            let btnDown = document.querySelectorAll('#down')[0];
            btnDown.addEventListener('click', () => {
                max = guess - 1;
                taskGuess();
            });

            let btnUp = document.querySelectorAll('#up')[0];
            btnUp.addEventListener('click', () => {
                min = guess + 1;
                taskGuess();
            });

            let btnCorrect = document.querySelectorAll('#correct')[0];
            btnCorrect.addEventListener('click', () => {
                h1.innerText = `Вашето число е ${guess}!`;
            });

        });
    </script>
</head>
<body>
    <h1></h1>
    <input type="button" id="up" value="Нагоре">
    <input type="button" id="correct" value="Познато!">
    <input type="button" id="down" value="Надолу">
</body>
</html>