Freeallcoin

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <title>Online Quiz - 20 Questions</title> <style> body { font-family: Arial, sans-serif; background: #f5f5f5; margin: 0; padding: 0; } .quiz-container { width: 600px; margin: 50px auto; background: white; padding: 20px 30px; box-shadow: 0 0 10px rgba(0,0,0,0.2); border-radius: 8px; } h1 { text-align: center; color: #333; } .question { font-size: 18px; margin-bottom: 10px; } .options { list-style-type: none; padding: 0; } .options li { margin-bottom: 10px; } .options input { margin-right: 10px; } .btn { background-color: #007bff; color: white; padding: 10px 20px; border: none; cursor: pointer; border-radius: 4px; font-size: 16px; } .btn:hover { background-color: #0056b3; } .result { font-size: 20px; text-align: center; margin-top: 20px; } </style> </head> <body> <div class="quiz-container"> <h1>Online Quiz - 20 Questions</h1> <div id="quiz"> <div class="question" id="question"></div> <ul class="options" id="options"></ul> <button class="btn" onclick="nextQuestion()">Next</button> </div> <div class="result" id="result"></div> </div> <script> const quizData = [ { question: "1. What is the capital of France?", options: ["Berlin", "Madrid", "Paris", "Rome"], answer: "Paris" }, { question: "2. Who wrote 'Hamlet'?", options: ["Charles Dickens", "William Shakespeare", "Mark Twain", "Jane Austen"], answer: "William Shakespeare" }, { question: "3. What is 2 + 2?", options: ["3", "4", "5", "6"], answer: "4" }, { question: "4. What is the largest ocean?", options: ["Atlantic", "Indian", "Arctic", "Pacific"], answer: "Pacific" }, { question: "5. Which planet is known as the Red Planet?", options: ["Mars", "Venus", "Jupiter", "Saturn"], answer: "Mars" }, { question: "6. Who painted the Mona Lisa?", options: ["Vincent Van Gogh", "Leonardo da Vinci", "Pablo Picasso", "Michelangelo"], answer: "Leonardo da Vinci" }, { question: "7. What gas do plants absorb?", options: ["Oxygen", "Carbon Dioxide", "Hydrogen", "Nitrogen"], answer: "Carbon Dioxide" }, { question: "8. How many continents are there?", options: ["5", "6", "7", "8"], answer: "7" }, { question: "9. What is H2O?", options: ["Oxygen", "Water", "Hydrogen", "Salt"], answer: "Water" }, { question: "10. Who discovered gravity?", options: ["Albert Einstein", "Isaac Newton", "Galileo", "Darwin"], answer: "Isaac Newton" }, { question: "11. What is the smallest prime number?", options: ["1", "2", "3", "0"], answer: "2" }, { question: "12. Which country is the Taj Mahal in?", options: ["Pakistan", "India", "Bangladesh", "Nepal"], answer: "India" }, { question: "13. What is the chemical symbol for gold?", options: ["Gd", "Ag", "Au", "Go"], answer: "Au" }, { question: "14. What is the boiling point of water?", options: ["90°C", "100°C", "110°C", "120°C"], answer: "100°C" }, { question: "15. Which planet has rings?", options: ["Earth", "Mars", "Saturn", "Venus"], answer: "Saturn" }, { question: "16. Who was the first President of the USA?", options: ["Abraham Lincoln", "George Washington", "Thomas Jefferson", "John Adams"], answer: "George Washington" }, { question: "17. What is the square root of 64?", options: ["6", "8", "10", "12"], answer: "8" }, { question: "18. Which metal is liquid at room temperature?", options: ["Mercury", "Iron", "Silver", "Copper"], answer: "Mercury" }, { question: "19. What is the longest river in the world?", options: ["Amazon", "Nile", "Yangtze", "Mississippi"], answer: "Nile" }, { question: "20. How many legs does a spider have?", options: ["6", "8", "10", "12"], answer: "8" } ]; let currentQuestion = 0; let score = 0; const questionEl = document.getElementById("question"); const optionsEl = document.getElementById("options"); const resultEl = document.getElementById("result"); function loadQuestion() { const q = quizData[currentQuestion]; questionEl.textContent = q.question; optionsEl.innerHTML = ""; q.options.forEach(option => { const li = document.createElement("li"); li.innerHTML = ` <label> <input type="radio" name="option" value="${option}" /> ${option} </label> `; optionsEl.appendChild(li); }); } function nextQuestion() { const selectedOption = document.querySelector('input[name="option"]:checked'); if (!selectedOption) { alert("Please select an answer."); return; } const answer = selectedOption.value; if (answer === quizData[currentQuestion].answer) { score++; } currentQuestion++; if (currentQuestion < quizData.length) { loadQuestion(); } else { showResult(); } } function showResult() { document.getElementById("quiz").style.display = "none"; resultEl.innerHTML = `<strong>Your Score: ${score} / ${quizData.length}</strong>`; } // Load the first question loadQuestion(); </script> </body> </html>

Freeallcoin

a

Thursday, 28 August 2025

questions

Thursday, 11 June 2020

BEST FAUCET PAY LIST

NAME

SATOSHI

TIME DURATION

LINK

a

b

Popular Posts