{"id":482,"date":"2026-03-10T08:40:40","date_gmt":"2026-03-10T08:40:40","guid":{"rendered":"https:\/\/kursevikonverzacije.com\/blog\/fill-in-the-blanks-phrasal-verbs-pocetni-nivo-3\/"},"modified":"2026-03-26T21:39:34","modified_gmt":"2026-03-26T21:39:34","slug":"fill-in-the-blanks-phrasal-verbs-pocetni-nivo-3","status":"publish","type":"post","link":"https:\/\/kursevikonverzacije.com\/blog\/fill-in-the-blanks-phrasal-verbs-pocetni-nivo-3\/","title":{"rendered":"Fill-in-the-Blanks: Phrasal Verbs (po\u010detni nivo)"},"content":{"rendered":"<p>&#8220;`html<br \/>\n<!DOCTYPE html><br \/>\n<html lang=\"en\"><br \/>\n<head><br \/>\n    <meta charset=\"UTF-8\"><br \/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><br \/>\n    <title>Phrasal Verbs Exercise &#8211; Beginner<\/title><\/p>\n<style>\n        * {\n            box-sizing: border-box;\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n        }\n        body {\n            background-color: #f0f7ff;\n            color: #333;\n            line-height: 1.6;\n            padding: 20px;\n            max-width: 800px;\n            margin: 0 auto;\n        }\n        .container {\n            background-color: white;\n            border-radius: 15px;\n            padding: 30px;\n            box-shadow: 0 5px 15px rgba(0, 0, 150, 0.1);\n        }\n        h1 {\n            color: #2c3e50;\n            text-align: center;\n            margin-bottom: 10px;\n            border-bottom: 3px solid #3498db;\n            padding-bottom: 15px;\n        }\n        .instructions {\n            background-color: #e8f4fc;\n            padding: 20px;\n            border-radius: 10px;\n            margin-bottom: 30px;\n            border-left: 5px solid #3498db;\n        }\n        .instructions h2 {\n            color: #2980b9;\n            margin-top: 0;\n        }\n        .sentence {\n            margin-bottom: 25px;\n            padding: 15px;\n            border-radius: 8px;\n            background-color: #f9f9f9;\n            border: 1px solid #e1e1e1;\n            font-size: 18px;\n        }\n        select {\n            padding: 8px 12px;\n            border-radius: 6px;\n            border: 2px solid #3498db;\n            background-color: white;\n            font-size: 16px;\n            margin: 0 5px;\n            cursor: pointer;\n            transition: all 0.3s;\n        }\n        select:focus {\n            outline: none;\n            border-color: #2980b9;\n            box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.2);\n        }\n        .button-container {\n            text-align: center;\n            margin: 30px 0;\n        }\n        button {\n            background-color: #3498db;\n            color: white;\n            border: none;\n            padding: 15px 40px;\n            font-size: 18px;\n            border-radius: 8px;\n            cursor: pointer;\n            transition: background-color 0.3s, transform 0.2s;\n        }\n        button:hover {\n            background-color: #2980b9;\n            transform: translateY(-2px);\n        }\n        button:active {\n            transform: translateY(0);\n        }\n        .results {\n            text-align: center;\n            font-size: 22px;\n            padding: 20px;\n            border-radius: 10px;\n            margin-top: 20px;\n            display: none;\n            background-color: #e8f4fc;\n        }\n        .correct {\n            color: #27ae60;\n            font-weight: bold;\n        }\n        .incorrect {\n            color: #e74c3c;\n            font-weight: bold;\n        }\n        .feedback {\n            font-size: 16px;\n            margin-top: 10px;\n            font-style: italic;\n        }\n        .sentence.correct-answer {\n            background-color: #d5f4e6;\n            border-color: #27ae60;\n        }\n        .sentence.wrong-answer {\n            background-color: #fdeaea;\n            border-color: #e74c3c;\n        }\n        .explanation {\n            font-size: 14px;\n            color: #7f8c8d;\n            margin-top: 5px;\n            display: none;\n        }\n    <\/style>\n<p><\/head><br \/>\n<body><\/p>\n<div class=\"container\">\n<h1>Phrasal Verbs Exercise &#8211; Beginner Level<\/h1>\n<div class=\"instructions\">\n<h2>Instructions<\/h2>\n<p>Complete each sentence by selecting the correct phrasal verb from the dropdown menu. A phrasal verb is a combination of a verb and a preposition or adverb (or both) that creates a meaning different from the original verb.<\/p>\n<p>After filling all the blanks, click &#8220;Check Answers&#8221; to see your score.<\/p>\n<\/p><\/div>\n<div id=\"exercise-container\">\n<div class=\"sentence\" id=\"sentence1\">\n                1. Please _____ your shoes before entering the house.<br \/>\n                <select id=\"blank1\"><option value=\"\">Select&#8230;<\/option><option value=\"take off\">take off<\/option><option value=\"put on\">put on<\/option><option value=\"turn on\">turn on<\/option><\/select><\/p>\n<div class=\"explanation\" id=\"explanation1\">&#8220;Take off&#8221; means to remove something, especially clothing.<\/div>\n<\/p><\/div>\n<div class=\"sentence\" id=\"sentence2\">\n                2. I need to _____ early tomorrow for my flight.<br \/>\n                <select id=\"blank2\"><option value=\"\">Select&#8230;<\/option><option value=\"wake up\">wake up<\/option><option value=\"get up\">get up<\/option><option value=\"stand up\">stand up<\/option><\/select><\/p>\n<div class=\"explanation\" id=\"explanation2\">&#8220;Get up&#8221; means to rise from bed after sleeping.<\/div>\n<\/p><\/div>\n<div class=\"sentence\" id=\"sentence3\">\n                3. Can you _____ the TV? I want to watch the news.<br \/>\n                <select id=\"blank3\"><option value=\"\">Select&#8230;<\/option><option value=\"turn on\">turn on<\/option><option value=\"turn off\">turn off<\/option><option value=\"turn down\">turn down<\/option><\/select><\/p>\n<div class=\"explanation\" id=\"explanation3\">&#8220;Turn on&#8221; means to start a machine or light.<\/div>\n<\/p><\/div>\n<div class=\"sentence\" id=\"sentence4\">\n                4. Don&#8217;t forget to _____ the lights when you leave.<br \/>\n                <select id=\"blank4\"><option value=\"\">Select&#8230;<\/option><option value=\"turn off\">turn off<\/option><option value=\"turn up\">turn up<\/option><option value=\"turn over\">turn over<\/option><\/select><\/p>\n<div class=\"explanation\" id=\"explanation4\">&#8220;Turn off&#8221; means to stop a machine or light.<\/div>\n<\/p><\/div>\n<div class=\"sentence\" id=\"sentence5\">\n                5. Let&#8217;s _____ at the park this afternoon.<br \/>\n                <select id=\"blank5\"><option value=\"\">Select&#8230;<\/option><option value=\"meet up\">meet up<\/option><option value=\"look up\">look up<\/option><option value=\"give up\">give up<\/option><\/select><\/p>\n<div class=\"explanation\" id=\"explanation5\">&#8220;Meet up&#8221; means to come together with someone.<\/div>\n<\/p><\/div>\n<div class=\"sentence\" id=\"sentence6\">\n                6. I _____ my friend at the supermarket yesterday.<br \/>\n                <select id=\"blank6\"><option value=\"\">Select&#8230;<\/option><option value=\"ran into\">ran into<\/option><option value=\"ran out\">ran out<\/option><option value=\"ran over\">ran over<\/option><\/select><\/p>\n<div class=\"explanation\" id=\"explanation6\">&#8220;Ran into&#8221; means to meet someone unexpectedly.<\/div>\n<\/p><\/div>\n<div class=\"sentence\" id=\"sentence7\">\n                7. We&#8217;ve _____ of milk. Can you buy some?<br \/>\n                <select id=\"blank7\"><option value=\"\">Select&#8230;<\/option><option value=\"run out\">run out<\/option><option value=\"run into\">run into<\/option><option value=\"run over\">run over<\/option><\/select><\/p>\n<div class=\"explanation\" id=\"explanation7\">&#8220;Run out&#8221; means to have no more of something left.<\/div>\n<\/p><\/div>\n<div class=\"sentence\" id=\"sentence8\">\n                8. Please _____ the form with your personal information.<br \/>\n                <select id=\"blank8\"><option value=\"\">Select&#8230;<\/option><option value=\"fill in\">fill in<\/option><option value=\"fill up\">fill up<\/option><option value=\"fill out\">fill out<\/option><\/select><\/p>\n<div class=\"explanation\" id=\"explanation8\">&#8220;Fill out&#8221; means to complete a form by writing information.<\/div>\n<\/p><\/div>\n<div class=\"sentence\" id=\"sentence9\">\n                9. It&#8217;s cold outside. You should _____ a jacket.<br \/>\n                <select id=\"blank9\"><option value=\"\">Select&#8230;<\/option><option value=\"put on\">put on<\/option><option value=\"take off\">take off<\/option><option value=\"try on\">try on<\/option><\/select><\/p>\n<div class=\"explanation\" id=\"explanation9\">&#8220;Put on&#8221; means to dress yourself in something.<\/div>\n<\/p><\/div>\n<div class=\"sentence\" id=\"sentence10\">\n                10. I don&#8217;t understand this word. Let me _____ in the dictionary.<br \/>\n                <select id=\"blank10\"><option value=\"\">Select&#8230;<\/option><option value=\"look it up\">look it up<\/option><option value=\"give it up\">give it up<\/option><option value=\"pick it up\">pick it up<\/option><\/select><\/p>\n<div class=\"explanation\" id=\"explanation10\">&#8220;Look up&#8221; means to search for information in a reference source.<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"button-container\">\n            <button id=\"check-button\">Check Answers<\/button>\n        <\/div>\n<div class=\"results\" id=\"results\">\n<div id=\"score-text\">Your score: <span id=\"score\">0<\/span>\/10<\/div>\n<div id=\"feedback\" class=\"feedback\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            const correctAnswers = {\n                blank1: \"take off\",\n                blank2: \"get up\",\n                blank3: \"turn on\",\n                blank4: \"turn off\",\n                blank5: \"meet up\",\n                blank6: \"ran into\",\n                blank7: \"run out\",\n                blank8: \"fill out\",\n                blank9: \"put on\",\n                blank10: \"look it up\"\n            };<\/p>\n<p>            const checkButton = document.getElementById('check-button');\n            const resultsDiv = document.getElementById('results');\n            const scoreSpan = document.getElementById('score');\n            const feedbackDiv = document.getElementById('feedback');<\/p>\n<p>            checkButton.addEventListener('click', function() {\n                let score = 0;\n                const total = Object.keys(correctAnswers).length;<\/p>\n<p>                \/\/ Reset all styling first\n                for (let i = 1; i <= total; i++) {\n                    const sentence = document.getElementById(`sentence${i}`);\n                    const explanation = document.getElementById(`explanation${i}`);\n                    sentence.classList.remove('correct-answer', 'wrong-answer');\n                    explanation.style.display = 'none';\n                }\n                \n                \/\/ Check each answer\n                for (const [blankId, correctAnswer] of Object.entries(correctAnswers)) {\n                    const selectElement = document.getElementById(blankId);\n                    const userAnswer = selectElement.value;\n                    const blankNumber = blankId.replace('blank', '');\n                    const sentence = document.getElementById(`sentence${blankNumber}`);\n                    const explanation = document.getElementById(`explanation${blankNumber}`);\n                    \n                    if (userAnswer === correctAnswer) {\n                        score++;\n                        sentence.classList.add('correct-answer');\n                    } else if (userAnswer !== \"\") {\n                        sentence.classList.add('wrong-answer');\n                    }\n                    \n                    \/\/ Show explanation for all answers\n                    explanation.style.display = 'block';\n                }\n                \n                \/\/ Display results\n                scoreSpan.textContent = score;\n                resultsDiv.style.display = 'block';\n                \n                \/\/ Provide feedback based on score\n                if (score === total) {\n                    feedbackDiv.textContent = \"Excellent! You know these phrasal verbs very well!\";\n                    feedbackDiv.className = \"feedback correct\";\n                } else if (score >= total * 0.7) {\n                    feedbackDiv.textContent = \"Good job! You understand most of these phrasal verbs.\";\n                    feedbackDiv.className = \"feedback correct\";\n                } else if (score >= total * 0.5) {\n                    feedbackDiv.textContent = \"Not bad! Keep practicing these phrasal verbs.\";\n                    feedbackDiv.className = \"feedback\";\n                } else {\n                    feedbackDiv.textContent = \"Keep studying! Phrasal verbs take practice.\";\n                    feedbackDiv.className = \"feedback incorrect\";\n                }\n            });<\/p>\n<p>            \/\/ Add event listeners to dropdowns to remove styling when user changes answer\n            const dropdowns = document.querySelectorAll('select');\n            dropdowns.forEach(dropdown => {\n                dropdown.addEventListener('change', function() {\n                    const blankNumber = this.id.replace('blank', '');\n                    const sentence = document.getElementById(`sentence${blankNumber}`);\n                    sentence.classList.remove('correct-answer', 'wrong-answer');\n                });\n            });\n        });\n    <\/script><br \/>\n<\/body><br \/>\n<\/html><br \/>\n&#8220;`<\/p>\n","protected":false},"excerpt":{"rendered":"<p>&#8220;`html Phrasal Verbs Exercise &#8211; Beginner Phrasal Verbs Exercise &#8211; Beginner Level Instructions Complete each sentence by selecting the correct phrasal verb from the dropdown menu. A phrasal verb is a combination of a verb and a preposition or adverb (or both) that creates a meaning different from the original verb. After filling all the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[40],"tags":[],"class_list":["post-482","post","type-post","status-publish","format-standard","hentry","category-frazalni-glagoli"],"_links":{"self":[{"href":"https:\/\/kursevikonverzacije.com\/blog\/wp-json\/wp\/v2\/posts\/482","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kursevikonverzacije.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kursevikonverzacije.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kursevikonverzacije.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kursevikonverzacije.com\/blog\/wp-json\/wp\/v2\/comments?post=482"}],"version-history":[{"count":1,"href":"https:\/\/kursevikonverzacije.com\/blog\/wp-json\/wp\/v2\/posts\/482\/revisions"}],"predecessor-version":[{"id":1089,"href":"https:\/\/kursevikonverzacije.com\/blog\/wp-json\/wp\/v2\/posts\/482\/revisions\/1089"}],"wp:attachment":[{"href":"https:\/\/kursevikonverzacije.com\/blog\/wp-json\/wp\/v2\/media?parent=482"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kursevikonverzacije.com\/blog\/wp-json\/wp\/v2\/categories?post=482"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kursevikonverzacije.com\/blog\/wp-json\/wp\/v2\/tags?post=482"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}