TypeError: Не удается прочитать свойство 'addEventListener' из null

консоль показывает мне следующую ошибку: "ошибка типа не может читать свойство addeventlistner из null" мой скрипт находится в конце страницы. Как очистить нулевое значение, нажмите здесь и запустите функцию здесь. Решение найти решение в основном ошибка заключается в размещении скрипта в головой, но я разместил в нижней части от начала. Помогите мне узнать эту проблему и решить !!!

     <div class="form">
       <label for="guessField">Enter a guess: </label>
       <input type="text" id="guessField" class="guessField">
       <input type="submit" value="Submit guess" class="guessSubmit">
    </div>

  <p class="guesses"></p>
  <p class="lastResult"></p>
  <p class="lowOrHi"></p>
<script>

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

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

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

    var guesses = document.querySelector('guesses');

    var lastResult = document.querySelector('lastResult');

    var lowOrHi = document.querySelector('lowOrHi');

    var guesscount = 1;

    var resetbutton;

    function checkGuess() {

        var userinput = Number(userguess.value);

        if (guesscount === 1) {
            guesses.textContent = 'previous guesses:';
        }
        else {
            guesses.textContent = 'previous guesses' + userinput;
        }

        if (userinput === random) {

            lastResult.textContent = "awesome bruh you got it right";
            lastResult.style.backgroundColor = 'green';
            gameOver();
        }

        else if (guesscount === 10) {
            lastResult.textContent = "oops you have run out of try";
            gameOver();
        }

        else {
            lastResult.textContent = "wrong value";
            lastResult.style.backgroundColor = 'red';
        }

        if (userinput < random) {
            lowOrHi.textContent = "it was too low";
        }

        else if (userinput > random) {
            lowOrHi.textContent = "it was too high";
        }

        guesscount++;
    }

    userSubmit.addEventListener('click', checkGuess);

</script>
-4
источник поделиться
1 ответ

Попробуйте правильно обновить все свои селекторы. Вам не хватает ./# в некоторых из них.

var userSubmit = document.querySelector('.guessSubmit');
//                                   ----^----
// add '.' or '#' based on what guessSubmit selector is for
+3
источник

Посмотрите другие вопросы по меткам или Задайте вопрос