Advertisement
Kamend1

9.Javascript Quizz

Mar 27th, 2025
299
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. function solve() {
  2.     const correctAnswers = [
  3.         'onclick',
  4.         'JSON.stringify()',
  5.         'A programming API for HTML and XML documents'
  6.     ];
  7.  
  8.     const questions = Array.from(document.querySelectorAll('section.question'));
  9.     const resultsDiv = document.getElementById('results');
  10.     let currentStep = 0;
  11.     let correctCount = 0;
  12.  
  13.     const allAnswers = document.querySelectorAll('li.quiz-answer');
  14.     for (let answer of allAnswers) {
  15.         answer.addEventListener('click', respondQuestions);
  16.     }
  17.  
  18.     function respondQuestions(event) {
  19.         const selectedAnswer = event.target.textContent;
  20.  
  21.         if (selectedAnswer === correctAnswers[currentStep]) {
  22.             correctCount++;
  23.         }
  24.  
  25.         questions[currentStep].classList.add('hidden');
  26.  
  27.         currentStep++;
  28.  
  29.         if (currentStep < questions.length) {
  30.             questions[currentStep].classList.remove('hidden');
  31.         } else {
  32.            
  33.             let resultText = '';
  34.        
  35.             if (correctCount === correctAnswers.length) {
  36.                 resultText = `You are recognized as top JavaScript fan!`;
  37.             } else {
  38.                 let plural = correctCount === 1 ? 'answer' : 'answers';
  39.                 resultText = `You have ${correctCount} right ${plural}`;
  40.             }
  41.        
  42.             resultsDiv.innerHTML = `<h2>${resultText}</h2>`;
  43.         }
  44.     }
  45. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement