{"id":302,"date":"2025-07-22T00:38:36","date_gmt":"2025-07-22T00:38:36","guid":{"rendered":"https:\/\/insaatsirketleri.com.tr\/en\/?p=302"},"modified":"2025-07-22T00:38:36","modified_gmt":"2025-07-22T00:38:36","slug":"english-quiz","status":"publish","type":"post","link":"https:\/\/insaatsirketleri.com.tr\/en\/english-quiz\/","title":{"rendered":"English Quiz"},"content":{"rendered":"\n<p>Learn english<\/p>\n\n\n\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700&#038;display=swap\" rel=\"stylesheet\">\n    <style>\n        body {\n            font-family: 'Inter', sans-serif;\n            background-color: #f3f4f6; \/* Light gray background *\/\n        }\n        .quiz-container {\n            max-width: 800px;\n            margin: 40px auto;\n            background-color: #ffffff;\n            padding: 32px;\n            border-radius: 16px;\n            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n        }\n        .question-card {\n            margin-bottom: 24px;\n            padding: 20px;\n            border: 1px solid #e5e7eb;\n            border-radius: 12px;\n            background-color: #f9fafb;\n        }\n        .question-text {\n            font-size: 1.125rem; \/* text-lg *\/\n            font-weight: 600; \/* font-semibold *\/\n            margin-bottom: 16px;\n            color: #1f2937; \/* gray-900 *\/\n        }\n        .option-label {\n            display: block;\n            padding: 12px;\n            margin-bottom: 8px;\n            background-color: #ffffff;\n            border: 1px solid #d1d5db;\n            border-radius: 8px;\n            cursor: pointer;\n            transition: all 0.2s ease-in-out;\n            color: #374151; \/* gray-700 *\/\n        }\n        .option-label:hover {\n            background-color: #eff6ff; \/* blue-50 *\/\n            border-color: #93c5fd; \/* blue-300 *\/\n        }\n        input[type=\"radio\"]:checked + .option-label {\n            background-color: #bfdbfe; \/* blue-200 *\/\n            border-color: #3b82f6; \/* blue-500 *\/\n            color: #1e40af; \/* blue-800 *\/\n            font-weight: 600;\n        }\n        .submit-button, .restart-button {\n            display: block;\n            width: 100%;\n            padding: 12px 24px;\n            margin-top: 32px;\n            background-color: #4f46e5; \/* indigo-600 *\/\n            color: #ffffff;\n            font-weight: 700;\n            border-radius: 10px;\n            cursor: pointer;\n            transition: background-color 0.3s ease;\n            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n        }\n        .submit-button:hover, .restart-button:hover {\n            background-color: #4338ca; \/* indigo-700 *\/\n        }\n        .results-section {\n            margin-top: 32px;\n            padding: 24px;\n            border-radius: 12px;\n            background-color: #ecfdf5; \/* green-50 *\/\n            border: 1px solid #a7f3d0; \/* green-200 *\/\n            color: #065f46; \/* green-800 *\/\n            text-align: center;\n            font-size: 1.25rem; \/* text-xl *\/\n            font-weight: 700;\n            display: none; \/* Hidden by default *\/\n        }\n        .feedback {\n            margin-top: 8px;\n            font-size: 0.875rem; \/* text-sm *\/\n            font-weight: 600;\n            padding: 4px 8px;\n            border-radius: 6px;\n            display: none; \/* Hidden by default *\/\n        }\n        .feedback.correct {\n            background-color: #d1fae5; \/* green-100 *\/\n            color: #065f46; \/* green-800 *\/\n        }\n        .feedback.incorrect {\n            background-color: #fee2e2; \/* red-100 *\/\n            color: #991b1b; \/* red-800 *\/\n        }\n        \/* Hide radio buttons visually but keep them accessible *\/\n        input[type=\"radio\"] {\n            position: absolute;\n            opacity: 0;\n            width: 0;\n            height: 0;\n        }\n        .ad-container {\n            margin: 32px 0;\n            padding: 20px;\n            background-color: #fffbe6; \/* yellow-50 *\/\n            border: 1px solid #fcd34d; \/* yellow-300 *\/\n            border-radius: 12px;\n            text-align: center;\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"quiz-container\">\n        <h1 class=\"text-3xl font-bold text-center text-gray-800 mb-8\">English Quiz<\/h1>\n        <form id=\"quizForm\">\n            <!-- Questions will be rendered here by JavaScript -->\n        <\/form>\n        <button id=\"submitBtn\" class=\"submit-button\">Submit Answers<\/button>\n        <div id=\"results\" class=\"results-section\">\n            <!-- Results will be displayed here -->\n        <\/div>\n        <button id=\"restartBtn\" class=\"restart-button hidden\">Restart Quiz<\/button>\n    <\/div>\n\n    <script>\n        \/\/ Array of quiz questions\n        const questions = [\n            {\n                question: \"Which word means 'a large building, typically with a tower or towers, containing apartments or offices'?\",\n                options: [\"House\", \"Cottage\", \"Skyscraper\", \"Tent\"],\n                answer: \"Skyscraper\"\n            },\n            {\n                question: \"What is the past tense of 'go'?\",\n                options: [\"Went\", \"Gone\", \"Goes\", \"Going\"],\n                answer: \"Went\"\n            },\n            {\n                question: \"Which of these is a synonym for 'happy'?\",\n                options: [\"Sad\", \"Joyful\", \"Angry\", \"Tired\"],\n                answer: \"Joyful\"\n            },\n            {\n                question: \"Complete the sentence: 'She ___ to the store yesterday.'\",\n                options: [\"goes\", \"go\", \"went\", \"going\"],\n                answer: \"went\"\n            },\n            {\n                question: \"What is the plural of 'child'?\",\n                options: [\"Childs\", \"Children\", \"Childes\", \"Childen\"],\n                answer: \"Children\"\n            },\n            {\n                question: \"Which animal is known for its long neck?\",\n                options: [\"Elephant\", \"Giraffe\", \"Lion\", \"Bear\"],\n                answer: \"Giraffe\"\n            },\n            {\n                question: \"What is the opposite of 'hot'?\",\n                options: [\"Warm\", \"Cold\", \"Mild\", \"Boiling\"],\n                answer: \"Cold\"\n            },\n            {\n                question: \"Which word means 'to look at someone or something for a long time'?\",\n                options: [\"Glance\", \"Stare\", \"Peek\", \"Glimpse\"],\n                answer: \"Stare\"\n            },\n            {\n                question: \"What is the capital city of France?\",\n                options: [\"London\", \"Rome\", \"Berlin\", \"Paris\"],\n                answer: \"Paris\"\n            },\n            {\n                question: \"Which of these is a fruit?\",\n                options: [\"Carrot\", \"Potato\", \"Apple\", \"Broccoli\"],\n                answer: \"Apple\"\n            },\n            {\n                question: \"What is the present participle of 'eat'?\",\n                options: [\"Ate\", \"Eaten\", \"Eating\", \"Eats\"],\n                answer: \"Eating\"\n            },\n            {\n                question: \"Which word describes something that is 'very small'?\",\n                options: [\"Huge\", \"Tiny\", \"Large\", \"Big\"],\n                answer: \"Tiny\"\n            },\n            {\n                question: \"Complete the idiom: 'It's raining cats and ___.'\",\n                options: [\"dogs\", \"mice\", \"birds\", \"fish\"],\n                answer: \"dogs\"\n            },\n            {\n                question: \"What is the main language spoken in Brazil?\",\n                options: [\"Spanish\", \"English\", \"Portuguese\", \"French\"],\n                answer: \"Portuguese\"\n            },\n            {\n                question: \"Which planet is known as the 'Red Planet'?\",\n                options: [\"Venus\", \"Mars\", \"Jupiter\", \"Saturn\"],\n                answer: \"Mars\"\n            },\n            {\n                question: \"What is the past participle of 'see'?\",\n                options: [\"Saw\", \"Seen\", \"Seeing\", \"Sees\"],\n                answer: \"Seen\"\n            },\n            {\n                question: \"Which word means 'a person who writes books'?\",\n                options: [\"Painter\", \"Musician\", \"Author\", \"Chef\"],\n                answer: \"Author\"\n            },\n            {\n                question: \"What is the chemical symbol for water?\",\n                options: [\"O2\", \"CO2\", \"H2O\", \"NaCl\"],\n                answer: \"H2O\"\n            },\n            {\n                question: \"Which of these is a type of bird?\",\n                options: [\"Whale\", \"Dolphin\", \"Eagle\", \"Shark\"],\n                answer: \"Eagle\"\n            },\n            {\n                question: \"What is the opposite of 'fast'?\",\n                options: [\"Quick\", \"Rapid\", \"Slow\", \"Speedy\"],\n                answer: \"Slow\"\n            },\n            {\n                question: \"Complete the sentence: 'If I ___ a bird, I would fly.'\",\n                options: [\"was\", \"were\", \"am\", \"is\"],\n                answer: \"were\"\n            },\n            {\n                question: \"Which country is famous for the Great Wall?\",\n                options: [\"Japan\", \"India\", \"China\", \"Egypt\"],\n                answer: \"China\"\n            },\n            {\n                question: \"What is the plural of 'mouse'?\",\n                options: [\"Mouses\", \"Mice\", \"Mouse\", \"Micees\"],\n                answer: \"Mice\"\n            },\n            {\n                question: \"Which word means 'to make a loud, deep sound'?\",\n                options: [\"Whisper\", \"Shout\", \"Mumble\", \"Roar\"],\n                answer: \"Roar\"\n            },\n            {\n                question: \"What is the largest ocean on Earth?\",\n                options: [\"Atlantic Ocean\", \"Indian Ocean\", \"Southern Ocean\", \"Pacific Ocean\"],\n                answer: \"Pacific Ocean\"\n            }\n        ];\n\n        const quizForm = document.getElementById('quizForm');\n        const submitBtn = document.getElementById('submitBtn');\n        const resultsDiv = document.getElementById('results');\n        const restartBtn = document.getElementById('restartBtn');\n\n        \/\/ Function to render questions\n        function renderQuestions() {\n            quizForm.innerHTML = ''; \/\/ Clear previous questions\n            questions.forEach((q, index) => {\n                const questionCard = document.createElement('div');\n                questionCard.className = 'question-card';\n                questionCard.innerHTML = `\n                    <p class=\"question-text\">${index + 1}. ${q.question}<\/p>\n                    <div class=\"options-container\">\n                        ${q.options.map(option => `\n                            <label class=\"option-label\">\n                                <input type=\"radio\" name=\"question${index}\" value=\"${option}\">\n                                ${option}\n                            <\/label>\n                        `).join('')}\n                    <\/div>\n                    <div id=\"feedback${index}\" class=\"feedback\"><\/div>\n                `;\n                quizForm.appendChild(questionCard);\n\n                \/\/ Add ad code after every 5th question\n                if ((index + 1) % 5 === 0 && (index + 1) < questions.length) {\n                    const adContainer = document.createElement('div');\n                    adContainer.className = 'ad-container';\n\n                    \/\/ Add \"Advertisement\" text\n                    const adText = document.createElement('p');\n                    adText.className = 'text-gray-600 mb-2';\n                    adText.textContent = 'Advertisement';\n                    adContainer.appendChild(adText);\n\n                    \/\/ Create and append the async script for adsbygoogle.js\n                    const scriptAsync = document.createElement('script');\n                    scriptAsync.async = true;\n                    scriptAsync.src = \"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-2506329722665303\";\n                    scriptAsync.crossOrigin = \"anonymous\";\n                    adContainer.appendChild(scriptAsync);\n\n                    \/\/ Create and append the ins element\n                    const insElement = document.createElement('ins');\n                    insElement.className = 'adsbygoogle';\n                    insElement.style.display = 'block';\n                    insElement.setAttribute('data-ad-client', 'ca-pub-2506329722665303');\n                    insElement.setAttribute('data-ad-slot', '2178518307');\n                    insElement.setAttribute('data-ad-format', 'auto');\n                    insElement.setAttribute('data-full-width-responsive', 'true');\n                    adContainer.appendChild(insElement);\n\n                    \/\/ Create and append the inline script for push\n                    const scriptInline = document.createElement('script');\n                    scriptInline.textContent = `\n                        (adsbygoogle = window.adsbygoogle || []).push({});\n                    `;\n                    adContainer.appendChild(scriptInline);\n\n                    quizForm.appendChild(adContainer);\n                }\n            });\n        }\n\n        \/\/ Function to check answers and display results\n        function checkAnswers() {\n            let score = 0;\n            questions.forEach((q, index) => {\n                const selectedOption = document.querySelector(`input[name=\"question${index}\"]:checked`);\n                const feedbackDiv = document.getElementById(`feedback${index}`);\n                feedbackDiv.style.display = 'block'; \/\/ Show feedback div\n\n                \/\/ Reset feedback classes\n                feedbackDiv.classList.remove('correct', 'incorrect');\n                feedbackDiv.textContent = '';\n\n                if (selectedOption) {\n                    if (selectedOption.value === q.answer) {\n                        score++;\n                        feedbackDiv.classList.add('correct');\n                        feedbackDiv.textContent = 'Correct!';\n                    } else {\n                        feedbackDiv.classList.add('incorrect');\n                        feedbackDiv.textContent = `Incorrect. Correct answer: ${q.answer}`;\n                    }\n                } else {\n                    feedbackDiv.classList.add('incorrect');\n                    feedbackDiv.textContent = `Unanswered. Correct answer: ${q.answer}`;\n                }\n            });\n\n            resultsDiv.textContent = `Your Score: ${score} \/ ${questions.length}`;\n            resultsDiv.style.display = 'block'; \/\/ Show results\n            submitBtn.classList.add('hidden'); \/\/ Hide submit button\n            restartBtn.classList.remove('hidden'); \/\/ Show restart button\n        }\n\n        \/\/ Function to restart the quiz\n        function restartQuiz() {\n            resultsDiv.style.display = 'none'; \/\/ Hide results\n            submitBtn.classList.remove('hidden'); \/\/ Show submit button\n            restartBtn.classList.add('hidden'); \/\/ Hide restart button\n            quizForm.reset(); \/\/ Clear selected options\n            renderQuestions(); \/\/ Re-render questions to clear feedback\n        }\n\n        \/\/ Event Listeners\n        submitBtn.addEventListener('click', checkAnswers);\n        restartBtn.addEventListener('click', restartQuiz);\n\n        \/\/ Initial render of questions when the page loads\n        document.addEventListener('DOMContentLoaded', renderQuestions);\n    <\/script>\n","protected":false},"excerpt":{"rendered":"<p>Learn english English Quiz Submit Answers Restart Quiz<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-302","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/posts\/302","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/comments?post=302"}],"version-history":[{"count":1,"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/posts\/302\/revisions"}],"predecessor-version":[{"id":303,"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/posts\/302\/revisions\/303"}],"wp:attachment":[{"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/media?parent=302"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/categories?post=302"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/tags?post=302"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}