为一个项目重新编写一些旧代码，我需要重新提交，并写了这几乎6个月前，所以我甚至不记得太多，我与JS斗争。
我有一个onclick函数，它将类当前添加到我的html中，它是一个用户的弹出消息，当他们单击退出时，它会删除弹出按钮，但现在在我的控制台中查看，它会给予script.js:13 Uncaught TypeError: Cannot set properties of null (setting 'onclick') at script.js:13:19的错误
这段代码工作正常，但我不能有我的项目控制台错误。
这是一个JavaScript函数，用于添加和删除类current。

const quizStart = document.querySelector('.quiz-btn');
const quizPopup = document.querySelector('.start-quiz-popup');
const quizMain = document.querySelector('.main');
const quizExit = document.querySelector('.exit-btn');

// Add current tag for onclick targetting
quizStart.onclick = () => {
    quizPopup.classList.add('current');
    quizMain.classList.add('current');
};

// Remove current tag for onclick targetting
quizExit.onclick = () => {
    quizPopup.classList.remove('current');
    quizMain.classList.remove('current');
};

字符串
popup被设置为不透明度为0，然后当当前标签被添加到类中时，. main.current的另一个css元素的不透明度为1。
之前

<section class="main"></section>
<div class="start-quiz-popup"></div

型
后

<section class="main current"></section>
<div class="start-quiz-popup current"></div

型
我看过其他的指南，问了几个人，但他们不确定，我和JavaScript斗争了很多，不知道什么是错误的时候，它的工作正常。这是一个老项目，我需要完全返工，并已作出了很多改变，更多的来，html和css是好的，但看起来我需要重写很多css，因为原来遵循的指南，都是建立在一个页面上，但它有0 responsivness，因为我不知道如何做到这一切的方式，它的设置。
这可能是非常基本的代码，但我只是不能弄清楚它或什么是最好的方式去做一个更新的版本。我已经尝试了几个例子，但它只是取代我的当前标签的地方，而不是添加“当前”标签可能这个词“活动”会更好，所以未来我会使用这一点，只需要得到它的工作没有控制台错误。