Most Trending Viral Website Ai content writer writer coding

GK Quiz

Score: 0

* { box-sizing: border-box; } body { margin: 0; padding: 0; font-family: Arial, sans-serif; } h1 { text-align: center; } #quiz-container { max-width: 600px; margin: 0 auto; text-align: center; } #question-container { margin-bottom: 20px; } #score-container { margin-bottom: 20px; } #answer-buttons { list-style-type: none; padding: 0; margin: 0; } #answer-buttons li { margin-bottom: 10px; } button { margin-top: 10px; padding: 10px; background-color: #4CAF50; color: white; border: none; border-radius: 5px; cursor: pointer; } button:hover { background-color: #3e8e41; } button:disabled { background-color: #dddddd; color: #666666; cursor: default; } const quizData = [ { question: "What is the capital city of Spain?", answers: [ { text: "Barcelona", correct: false }, { text: "Madrid", correct: true }, { text: "Seville", correct: false }, { text: "Valencia", correct: false }, ], }, { question: "Which country is the largest by land area?", answers: [ { text: "Russia", correct: true }, { text: "Canada", correct: false }, { text: "China", correct: false }, { text: "United States", correct: false }, ], }, { question: "What is the smallest country in the world by land area?", answers: [ { text: "Monaco", correct: false }, { text: "Maldives", correct: false }, { text: "Vatican City", correct: true }, { text: "San Marino", correct: false }, ], }, ]; const questionElement = document.getElementById("question"); const answerButtonsElement = document.getElementById("answer-buttons"); const scoreElement = document.getElementById("score"); const submitButton = document.getElementById("submit-button"); const nextButton = document.getElementById("next-button"); let currentQuestionIndex = 0; let score = 0; function showQuestion() { const currentQuestion = quizData[currentQuestionIndex]; questionElement.innerText = currentQuestion.question; answerButtonsElement.innerHTML = "";