demo 7

function displayResults() { const totalQuestions = document.querySelectorAll(“.mcq”).length; const percentage = (correctAnswers / totalQuestions) * 100; let message = ”; let animationClass = ”; // Determine the message and animation based on the percentage if (percentage < 30) { message = 'Need Improvement'; animationClass = 'sad-animation'; } else if (percentage >= 30 && percentage <= 70) { message = 'Good Work'; animationClass = 'smile-animation'; } else { message = 'Great'; animationClass = 'clapping-animation'; } // Show the popup with the appropriate message and animation showPopup(`${message}: You scored ${percentage.toFixed(1)}%`, animationClass); } function showPopup(message, animationClass) { const popup = document.createElement('div'); popup.classList.add('popup', animationClass); popup.textContent = message; document.body.appendChild(popup); // Auto-remove popup after animation setTimeout(() => { popup.remove(); }, 3000); // Adjust timing to match animation duration }