I am creating a multiple choice quiz using javascript. I have the below as my event listener

    start.addEventListener("click",startQuiz);

 function startQuiz(){
    start.style.display = "none";
    renderQuestion();
    quiz.style.display = "block";
    renderProgress();
    renderCounter();
    TIMER = setInterval(renderCounter,1000);

and this is a snipet of the HTML

  <div id="container">
        <div id="start">Start Quiz!</div>
        <div id="quiz" style="display: none">
            <div id="question"></div>
            <div id="qImg"></div>
            <div id="choices">
                <div class="choice" id="A" onclick="checkAnswer('A')"></div>
                <div class="choice" id="B" onclick="checkAnswer('B')"></div>
                <div class="choice" id="C" onclick="checkAnswer('C')"></div>
            </div>

I am getting the below error in google devs:

Uncaught TypeError: Cannot read properties of null (reading 'addEventListener')

Any suggestions would be helpful as I am just learning javascript!