Beginner Computer Science Quiz

Loading question... Next // Quiz Data const quizData = [ { question: "What does CPU stand for?", answers: ["Central Processing Unit", "Control Processing Unit", "Computer Personal Unit", "Central Programming Unit"], correct: 0 }, { question: "Which of the following is an input device?", answers: ["Monitor", "Keyboard", "Speaker", "Printer"], correct: 1 }, { question: "What does RAM stand for?", answers: ["Random Access Memory", "Read-Only Memory", "Run Application Memory", "Real Application Module"], correct: 0 }, { question: "What is binary code made up of?", answers: ["A to Z", "0s and 1s", "Numerical digits", "Special characters"], correct: 1 }, { question: "Which language is used to style web pages?", answers: ["HTML", "CSS", "JavaScript", "Python"], correct: 1 }, ]; // DOM Elements const questionEl = document.getElementById("question"); const answersEl = document.getElementById("answers"); const nextBtn = document.getElementById("next-btn"); const resultEl = document.getElementById("result"); let currentQuestionIndex = 0; let score = 0; // Load a question function loadQuestion() { const currentQuestion = quizData[currentQuestionIndex]; questionEl.textContent = `Question ${currentQuestionIndex + 1}: ${currentQuestion.question}`; answersEl.innerHTML = ""; currentQuestion.answers.forEach((answer, index) => { const btn = document.createElement("button"); btn.textContent = answer; btn.style = ` display: block; margin: 10px 0; padding: 10px; width: 100%; background-color: #f1f1f1; border: 2px solid #ccc; border-radius: 5px; cursor: pointer; font-size: 16px; `; btn.addEventListener("click", () => checkAnswer(index)); answersEl.appendChild(btn); }); nextBtn.style.display = "none"; resultEl.textContent = ""; } // Check the selected answer function checkAnswer(selectedIndex) { const currentQuestion = quizData[currentQuestionIndex]; const buttons = answersEl.querySelectorAll("button"); // Disable all buttons buttons.forEach((btn) => (btn.disabled = true)); // Highlight correct/incorrect answers buttons.forEach((btn, index) => { if (index === currentQuestion.correct) { btn.style.backgroundColor = "#4CAF50"; btn.style.color = "#fff"; } else if (index === selectedIndex) { btn.style.backgroundColor = "#f44336"; btn.style.color = "#fff"; } }); // Voice feedback and result message if (selectedIndex === currentQuestion.correct) { speak("Great!"); resultEl.textContent = "Correct!"; resultEl.style.color = "#4CAF50"; score++; } else { speak("Try again"); resultEl.textContent = `Wrong! The correct answer is "${currentQuestion.answers[currentQuestion.correct]}".`; resultEl.style.color = "#f44336"; } nextBtn.style.display = "inline-block"; } // Load next question or show score nextBtn.addEventListener("click", () => { currentQuestionIndex++; if (currentQuestionIndex < quizData.length) { loadQuestion(); } else { showFinalScore(); } }); // Show the final score function showFinalScore() { questionEl.textContent = "Quiz Completed!"; answersEl.innerHTML = ""; resultEl.textContent = `You scored ${score} out of ${quizData.length}`; resultEl.style.color = "#333"; nextBtn.style.display = "none"; } // Voice feedback function function speak(message) { const synth = window.speechSynthesis; const utterance = new SpeechSynthesisUtterance(message); utterance.rate = 1; utterance.pitch = 1; synth.speak(utterance); } // Load the first question loadQuestion();

ProgPal: Your Guide to Technology, Programming and Security

القائمة الرئيسية

الصفحات

Beginner Computer Science Quiz

أخر المواضيع من قسم : Computer Science Quiz

Beginner Computer Science Quiz

Comments

Post a Comment

Beginner Python Quiz

Mastering Vulnerability Assessment: Wireshark and Metasploit for Network Security

Advanced Python Quiz

Mastering Network Scanning with Nmap and Python

Kali linux for virtual box download

Installing Python on Windows

Nmap Essentials: Understanding the Basics of Network Discovery

Operating Systems: The Nexus of Hardware and Software