Javascript TypeError:无法读取属性'；增补列表器'；空的

控制台向我显示以下错误“类型错误无法读取属性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>

输入猜测：



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猜测计数=1；
var重置按钮；
函数checkGuess（）{
var userinput=Number（userguess.value）；
如果（猜测计数===1）{
guesses.textContent='先前的猜测：'；
}
否则{
guesses.textContent='先前的猜测'+用户输入；
}
如果（用户输入===随机）{
lastResult.textContent=“真棒，你做对了”；
lastResult.style.backgroundColor='绿色'；
gameOver（）；
}
否则如果（猜测计数===10）{
lastResult.textContent=“哎呀，您的尝试已经用完了”；
gameOver（）；
}
否则{
lastResult.textContent=“值错误”；
lastResult.style.backgroundColor='红色'；
}
如果（用户输入<随机）{
lowOrHi.textContent=“太低”；
}
else if（用户输入>随机）{
lowOrHi.textContent=“太高”；
}
猜数++；
}
userSubmit.addEventListener（'click'，checkGuess）；

尝试正确更新所有选择器。其中一些代码中缺少

/

#

var userSubmit = document.querySelector('.guessSubmit');
//                                   ----^----
// add `.` or `#` based on what guessSubmit selector is for

---

你能分享html吗。显示完整的html。。2.你在哪一行得到错误？编辑：看起来你在类名前忘了点，我猜你没有正确使用

queryslctor

。此函数使用样式语法，html添加了@EleazarEnriqueit worked@palash thx，很高兴它有所帮助。新年快乐！新年快乐：）