diff --git a/src/pages/questionPage.js b/src/pages/questionPage.js index 57d0a4d..796537f 100644 --- a/src/pages/questionPage.js +++ b/src/pages/questionPage.js @@ -51,7 +51,6 @@ export const initQuestionPage = () => { const nav = createNavigation(); document.getElementById('question-container').appendChild(nav); - const progressBar = document.getElementById(PROGRESS_BAR_ID); const getStoredData = JSON.parse(localStorage.getItem('quizData')); diff --git a/src/pages/resultPage.js b/src/pages/resultPage.js index 75be07a..c6655f0 100644 --- a/src/pages/resultPage.js +++ b/src/pages/resultPage.js @@ -44,13 +44,16 @@ export const initResultPage = () => { } document.getElementById(RESTART_BUTTON_ID).addEventListener('click', () => { + stopConfetti(); localStorage.clear(); initWelcomePage(); }); }; +let interval; + const confettiBomb = () => { - setInterval(() => { + interval = setInterval(() => { confetti({ particleCount: 100, startVelocity: 30, @@ -62,3 +65,7 @@ const confettiBomb = () => { }); }, 1500); }; + +export const stopConfetti = () => { + clearInterval(interval); +}; diff --git a/src/pages/welcomePage.js b/src/pages/welcomePage.js index 8da38e7..2f0fe8b 100644 --- a/src/pages/welcomePage.js +++ b/src/pages/welcomePage.js @@ -25,7 +25,6 @@ const startQuiz = () => { const userName = document.querySelector(`#${USER_NAME_ID}`); quizData.userName = userName.value; - if (userName.value.length === 0) { userNameRequired(); } else {