Phrasal Verbs Exercise – 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 }\n .sentence-number {\n font-weight: bold;\n color: #3498db;\n margin-right: 10px;\n }\n select {\n padding: 8px 12px;\n border-radius: 6px;\n border: 2px solid #bdc3c7;\n background-color: white;\n font-size: 16px;\n margin: 0 5px;\n transition: border-color 0.3s;\n }\n select:focus {\n border-color: #3498db;\n outline: none;\n }\n .blank {\n font-weight: bold;\n color: #e74c3c;\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: #ecf9ec;\n border: 2px solid #2ecc71;\n color: #27ae60;\n }\n .results.show {\n display: block;\n animation: fadeIn 0.5s;\n }\n .results.fail {\n background-color: #fdeaea;\n border-color: #e74c3c;\n color: #c0392b;\n }\n @keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n .feedback {\n font-size: 14px;\n margin-top: 5px;\n min-height: 20px;\n }\n .correct {\n color: #27ae60;\n }\n .incorrect {\n color: #e74c3c;\n }\n .footer {\n text-align: center;\n margin-top: 30px;\n color: #7f8c8d;\n font-size: 14px;\n }\n <\/style>\n<p><\/head><br \/>\n<body><\/p>\n<div class=\"container\">\n<h1>Phrasal Verbs Exercise – 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. Phrasal verbs are verbs combined with a preposition or adverb that create a meaning different from the original verb. Good luck!<\/p>\n<\/p><\/div>\n<div id=\"exercise\">\n<div class=\"sentence\">\n <span class=\"sentence-number\">1.<\/span> Please <span class=\"blank\">_____<\/span> the light when you leave the room.<br \/>\n <select id=\"q1\"><option value=\"\">Select…<\/option><option value=\"turn off\">turn off<\/option><option value=\"turn on\">turn on<\/option><option value=\"turn up\">turn up<\/option><\/select><\/p>\n<div class=\"feedback\" id=\"fb1\"><\/div>\n<\/p><\/div>\n<div class=\"sentence\">\n <span class=\"sentence-number\">2.<\/span> I need to <span class=\"blank\">_____<\/span> early tomorrow for my flight.<br \/>\n <select id=\"q2\"><option value=\"\">Select…<\/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=\"feedback\" id=\"fb2\"><\/div>\n<\/p><\/div>\n<div class=\"sentence\">\n <span class=\"sentence-number\">3.<\/span> Can you <span class=\"blank\">_____<\/span> the music? It’s too loud.<br \/>\n <select id=\"q3\"><option value=\"\">Select…<\/option><option value=\"turn down\">turn down<\/option><option value=\"turn off\">turn off<\/option><option value=\"turn around\">turn around<\/option><\/select><\/p>\n<div class=\"feedback\" id=\"fb3\"><\/div>\n<\/p><\/div>\n<div class=\"sentence\">\n <span class=\"sentence-number\">4.<\/span> Let’s <span class=\"blank\">_____<\/span> this form before the deadline.<br \/>\n <select id=\"q4\"><option value=\"\">Select…<\/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=\"feedback\" id=\"fb4\"><\/div>\n<\/p><\/div>\n<div class=\"sentence\">\n <span class=\"sentence-number\">5.<\/span> The meeting was <span class=\"blank\">_____<\/span> until next week.<br \/>\n <select id=\"q5\"><option value=\"\">Select…<\/option><option value=\"put off\">put off<\/option><option value=\"put on\">put on<\/option><option value=\"put away\">put away<\/option><\/select><\/p>\n<div class=\"feedback\" id=\"fb5\"><\/div>\n<\/p><\/div>\n<div class=\"sentence\">\n <span class=\"sentence-number\">6.<\/span> I want to <span class=\"blank\">_____<\/span> smoking this year.<br \/>\n <select id=\"q6\"><option value=\"\">Select…<\/option><option value=\"give up\">give up<\/option><option value=\"give in\">give in<\/option><option value=\"give out\">give out<\/option><\/select><\/p>\n<div class=\"feedback\" id=\"fb6\"><\/div>\n<\/p><\/div>\n<div class=\"sentence\">\n <span class=\"sentence-number\">7.<\/span> Could you <span class=\"blank\">_____<\/span> the baby while I go to the store?<br \/>\n <select id=\"q7\"><option value=\"\">Select…<\/option><option value=\"look after\">look after<\/option><option value=\"look for\">look for<\/option><option value=\"look up\">look up<\/option><\/select><\/p>\n<div class=\"feedback\" id=\"fb7\"><\/div>\n<\/p><\/div>\n<div class=\"sentence\">\n <span class=\"sentence-number\">8.<\/span> I need to <span class=\"blank\">_____<\/span> my friend at the airport at 5 PM.<br \/>\n <select id=\"q8\"><option value=\"\">Select…<\/option><option value=\"pick up\">pick up<\/option><option value=\"pick out\">pick out<\/option><option value=\"pick on\">pick on<\/option><\/select><\/p>\n<div class=\"feedback\" id=\"fb8\"><\/div>\n<\/p><\/div>\n<div class=\"sentence\">\n <span class=\"sentence-number\">9.<\/span> Please <span class=\"blank\">_____<\/span> your shoes before entering the house.<br \/>\n <select id=\"q9\"><option value=\"\">Select…<\/option><option value=\"take off\">take off<\/option><option value=\"take on\">take on<\/option><option value=\"take out\">take out<\/option><\/select><\/p>\n<div class=\"feedback\" id=\"fb9\"><\/div>\n<\/p><\/div>\n<div class=\"sentence\">\n <span class=\"sentence-number\">10.<\/span> We should <span class=\"blank\">_____<\/span> our notes before the exam.<br \/>\n <select id=\"q10\"><option value=\"\">Select…<\/option><option value=\"go over\">go over<\/option><option value=\"go out\">go out<\/option><option value=\"go away\">go away<\/option><\/select><\/p>\n<div class=\"feedback\" id=\"fb10\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"button-container\">\n <button id=\"checkButton\">Check Answers<\/button>\n <\/div>\n<div id=\"results\" class=\"results\"><\/div>\n<div class=\"footer\">\n<p>Phrasal Verbs Exercise for English Learners – Beginner Level<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p> <script>\n document.addEventListener('DOMContentLoaded', function() {\n const correctAnswers = {\n q1: \"turn off\",\n q2: \"get up\",\n q3: \"turn down\",\n q4: \"fill out\",\n q5: \"put off\",\n q6: \"give up\",\n q7: \"look after\",\n q8: \"pick up\",\n q9: \"take off\",\n q10: \"go over\"\n };<\/p>\n<p> const checkButton = document.getElementById('checkButton');\n const resultsDiv = document.getElementById('results');<\/p>\n<p> checkButton.addEventListener('click', function() {\n let score = 0;\n const total = Object.keys(correctAnswers).length;<\/p>\n<p> \/\/ Clear previous feedback\n for (let i = 1; i <= total; i++) {\n const fb = document.getElementById(`fb${i}`);\n fb.textContent = '';\n fb.className = 'feedback';\n }\n \n \/\/ Check each answer\n for (let i = 1; i <= total; i++) {\n const questionId = `q${i}`;\n const selectElement = document.getElementById(questionId);\n const userAnswer = selectElement.value;\n const correctAnswer = correctAnswers[questionId];\n const feedbackElement = document.getElementById(`fb${i}`);\n \n if (userAnswer === correctAnswer) {\n score++;\n feedbackElement.textContent = 'Correct!';\n feedbackElement.classList.add('correct');\n selectElement.style.borderColor = '#27ae60';\n } else if (userAnswer === \"\") {\n feedbackElement.textContent = 'Please select an answer.';\n feedbackElement.classList.add('incorrect');\n selectElement.style.borderColor = '#e74c3c';\n } else {\n feedbackElement.textContent = `Incorrect. The correct answer is \"${correctAnswer}\".`;\n feedbackElement.classList.add('incorrect');\n selectElement.style.borderColor = '#e74c3c';\n }\n }\n \n \/\/ Display results\n resultsDiv.textContent = `You scored ${score} out of ${total}.`;\n resultsDiv.classList.add('show');\n \n if (score === total) {\n resultsDiv.textContent = `Perfect! You scored ${score} out of ${total}. Excellent work!`;\n resultsDiv.style.backgroundColor = '#ecf9ec';\n resultsDiv.style.borderColor = '#2ecc71';\n resultsDiv.style.color = '#27ae60';\n resultsDiv.classList.remove('fail');\n } else if (score >= total * 0.7) {\n resultsDiv.textContent = `Good job! You scored ${score} out of ${total}.`;\n resultsDiv.style.backgroundColor = '#ecf9ec';\n resultsDiv.style.borderColor = '#2ecc71';\n resultsDiv.style.color = '#27ae60';\n resultsDiv.classList.remove('fail');\n } else {\n resultsDiv.textContent = `You scored ${score} out of ${total}. Try again!`;\n resultsDiv.style.backgroundColor = '#fdeaea';\n resultsDiv.style.borderColor = '#e74c3c';\n resultsDiv.style.color = '#c0392b';\n resultsDiv.classList.add('fail');\n }\n });<\/p>\n<p> \/\/ Add change event listeners to dropdowns to reset border color when user changes selection\n for (let i = 1; i <= 10; i++) {\n const selectElement = document.getElementById(`q${i}`);\n selectElement.addEventListener('change', function() {\n this.style.borderColor = '#bdc3c7';\n const feedbackElement = document.getElementById(`fb${i}`);\n feedbackElement.textContent = '';\n feedbackElement.className = 'feedback';\n });\n }\n });\n <\/script><br \/>\n<\/body><br \/>\n<\/html><br \/>\n```<\/p>\n","protected":false},"excerpt":{"rendered":"<p>“`html Phrasal Verbs Exercise – Beginner Phrasal Verbs Exercise – Beginner Level Instructions Complete each sentence by selecting the correct phrasal verb from the dropdown menu. Phrasal verbs are verbs combined with a preposition or adverb that create a meaning different from the original verb. Good luck! 1. Please _____ the light when you leave […]<\/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-483","post","type-post","status-publish","format-standard","hentry","category-frazalni-glagoli"],"_links":{"self":[{"href":"https:\/\/kursevikonverzacije.com\/blog\/wp-json\/wp\/v2\/posts\/483","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=483"}],"version-history":[{"count":1,"href":"https:\/\/kursevikonverzacije.com\/blog\/wp-json\/wp\/v2\/posts\/483\/revisions"}],"predecessor-version":[{"id":1088,"href":"https:\/\/kursevikonverzacije.com\/blog\/wp-json\/wp\/v2\/posts\/483\/revisions\/1088"}],"wp:attachment":[{"href":"https:\/\/kursevikonverzacije.com\/blog\/wp-json\/wp\/v2\/media?parent=483"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kursevikonverzacije.com\/blog\/wp-json\/wp\/v2\/categories?post=483"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kursevikonverzacije.com\/blog\/wp-json\/wp\/v2\/tags?post=483"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":483,"date":"2026-03-10T09:17:10","date_gmt":"2026-03-10T09:17:10","guid":{"rendered":"https:\/\/kursevikonverzacije.com\/blog\/fill-in-the-blanks-phrasal-verbs-pocetni-nivo-4\/"},"modified":"2026-03-26T21:39:34","modified_gmt":"2026-03-26T21:39:34","slug":"fill-in-the-blanks-phrasal-verbs-pocetni-nivo-4","status":"publish","type":"post","link":"https:\/\/kursevikonverzacije.com\/blog\/fill-in-the-blanks-phrasal-verbs-pocetni-nivo-4\/","title":{"rendered":"Fill-in-the-Blanks: Phrasal Verbs (po\u010detni nivo)"},"content":{"rendered":"

“`html
\n
\n
\n
\n
\n
\n Phrasal Verbs Exercise – 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 }\n .sentence-number {\n font-weight: bold;\n color: #3498db;\n margin-right: 10px;\n }\n select {\n padding: 8px 12px;\n border-radius: 6px;\n border: 2px solid #bdc3c7;\n background-color: white;\n font-size: 16px;\n margin: 0 5px;\n transition: border-color 0.3s;\n }\n select:focus {\n border-color: #3498db;\n outline: none;\n }\n .blank {\n font-weight: bold;\n color: #e74c3c;\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: #ecf9ec;\n border: 2px solid #2ecc71;\n color: #27ae60;\n }\n .results.show {\n display: block;\n animation: fadeIn 0.5s;\n }\n .results.fail {\n background-color: #fdeaea;\n border-color: #e74c3c;\n color: #c0392b;\n }\n @keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n .feedback {\n font-size: 14px;\n margin-top: 5px;\n min-height: 20px;\n }\n .correct {\n color: #27ae60;\n }\n .incorrect {\n color: #e74c3c;\n }\n .footer {\n text-align: center;\n margin-top: 30px;\n color: #7f8c8d;\n font-size: 14px;\n }\n <\/style>\n<p><\/head><br \/>\n<body><\/p>\n<div class=\"container\">\n<h1>Phrasal Verbs Exercise – 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. Phrasal verbs are verbs combined with a preposition or adverb that create a meaning different from the original verb. Good luck!<\/p>\n<\/p><\/div>\n<div id=\"exercise\">\n<div class=\"sentence\">\n <span class=\"sentence-number\">1.<\/span> Please <span class=\"blank\">_____<\/span> the light when you leave the room.<br \/>\n <select id=\"q1\"><option value=\"\">Select…<\/option><option value=\"turn off\">turn off<\/option><option value=\"turn on\">turn on<\/option><option value=\"turn up\">turn up<\/option><\/select><\/p>\n<div class=\"feedback\" id=\"fb1\"><\/div>\n<\/p><\/div>\n<div class=\"sentence\">\n <span class=\"sentence-number\">2.<\/span> I need to <span class=\"blank\">_____<\/span> early tomorrow for my flight.<br \/>\n <select id=\"q2\"><option value=\"\">Select…<\/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=\"feedback\" id=\"fb2\"><\/div>\n<\/p><\/div>\n<div class=\"sentence\">\n <span class=\"sentence-number\">3.<\/span> Can you <span class=\"blank\">_____<\/span> the music? It’s too loud.<br \/>\n <select id=\"q3\"><option value=\"\">Select…<\/option><option value=\"turn down\">turn down<\/option><option value=\"turn off\">turn off<\/option><option value=\"turn around\">turn around<\/option><\/select><\/p>\n<div class=\"feedback\" id=\"fb3\"><\/div>\n<\/p><\/div>\n<div class=\"sentence\">\n <span class=\"sentence-number\">4.<\/span> Let’s <span class=\"blank\">_____<\/span> this form before the deadline.<br \/>\n <select id=\"q4\"><option value=\"\">Select…<\/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=\"feedback\" id=\"fb4\"><\/div>\n<\/p><\/div>\n<div class=\"sentence\">\n <span class=\"sentence-number\">5.<\/span> The meeting was <span class=\"blank\">_____<\/span> until next week.<br \/>\n <select id=\"q5\"><option value=\"\">Select…<\/option><option value=\"put off\">put off<\/option><option value=\"put on\">put on<\/option><option value=\"put away\">put away<\/option><\/select><\/p>\n<div class=\"feedback\" id=\"fb5\"><\/div>\n<\/p><\/div>\n<div class=\"sentence\">\n <span class=\"sentence-number\">6.<\/span> I want to <span class=\"blank\">_____<\/span> smoking this year.<br \/>\n <select id=\"q6\"><option value=\"\">Select…<\/option><option value=\"give up\">give up<\/option><option value=\"give in\">give in<\/option><option value=\"give out\">give out<\/option><\/select><\/p>\n<div class=\"feedback\" id=\"fb6\"><\/div>\n<\/p><\/div>\n<div class=\"sentence\">\n <span class=\"sentence-number\">7.<\/span> Could you <span class=\"blank\">_____<\/span> the baby while I go to the store?<br \/>\n <select id=\"q7\"><option value=\"\">Select…<\/option><option value=\"look after\">look after<\/option><option value=\"look for\">look for<\/option><option value=\"look up\">look up<\/option><\/select><\/p>\n<div class=\"feedback\" id=\"fb7\"><\/div>\n<\/p><\/div>\n<div class=\"sentence\">\n <span class=\"sentence-number\">8.<\/span> I need to <span class=\"blank\">_____<\/span> my friend at the airport at 5 PM.<br \/>\n <select id=\"q8\"><option value=\"\">Select…<\/option><option value=\"pick up\">pick up<\/option><option value=\"pick out\">pick out<\/option><option value=\"pick on\">pick on<\/option><\/select><\/p>\n<div class=\"feedback\" id=\"fb8\"><\/div>\n<\/p><\/div>\n<div class=\"sentence\">\n <span class=\"sentence-number\">9.<\/span> Please <span class=\"blank\">_____<\/span> your shoes before entering the house.<br \/>\n <select id=\"q9\"><option value=\"\">Select…<\/option><option value=\"take off\">take off<\/option><option value=\"take on\">take on<\/option><option value=\"take out\">take out<\/option><\/select><\/p>\n<div class=\"feedback\" id=\"fb9\"><\/div>\n<\/p><\/div>\n<div class=\"sentence\">\n <span class=\"sentence-number\">10.<\/span> We should <span class=\"blank\">_____<\/span> our notes before the exam.<br \/>\n <select id=\"q10\"><option value=\"\">Select…<\/option><option value=\"go over\">go over<\/option><option value=\"go out\">go out<\/option><option value=\"go away\">go away<\/option><\/select><\/p>\n<div class=\"feedback\" id=\"fb10\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"button-container\">\n <button id=\"checkButton\">Check Answers<\/button>\n <\/div>\n<div id=\"results\" class=\"results\"><\/div>\n<div class=\"footer\">\n<p>Phrasal Verbs Exercise for English Learners – Beginner Level<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p> <script>\n document.addEventListener('DOMContentLoaded', function() {\n const correctAnswers = {\n q1: \"turn off\",\n q2: \"get up\",\n q3: \"turn down\",\n q4: \"fill out\",\n q5: \"put off\",\n q6: \"give up\",\n q7: \"look after\",\n q8: \"pick up\",\n q9: \"take off\",\n q10: \"go over\"\n };<\/p>\n<p> const checkButton = document.getElementById('checkButton');\n const resultsDiv = document.getElementById('results');<\/p>\n<p> checkButton.addEventListener('click', function() {\n let score = 0;\n const total = Object.keys(correctAnswers).length;<\/p>\n<p> \/\/ Clear previous feedback\n for (let i = 1; i <= total; i++) {\n const fb = document.getElementById(`fb${i}`);\n fb.textContent = '';\n fb.className = 'feedback';\n }\n \n \/\/ Check each answer\n for (let i = 1; i <= total; i++) {\n const questionId = `q${i}`;\n const selectElement = document.getElementById(questionId);\n const userAnswer = selectElement.value;\n const correctAnswer = correctAnswers[questionId];\n const feedbackElement = document.getElementById(`fb${i}`);\n \n if (userAnswer === correctAnswer) {\n score++;\n feedbackElement.textContent = 'Correct!';\n feedbackElement.classList.add('correct');\n selectElement.style.borderColor = '#27ae60';\n } else if (userAnswer === \"\") {\n feedbackElement.textContent = 'Please select an answer.';\n feedbackElement.classList.add('incorrect');\n selectElement.style.borderColor = '#e74c3c';\n } else {\n feedbackElement.textContent = `Incorrect. The correct answer is \"${correctAnswer}\".`;\n feedbackElement.classList.add('incorrect');\n selectElement.style.borderColor = '#e74c3c';\n }\n }\n \n \/\/ Display results\n resultsDiv.textContent = `You scored ${score} out of ${total}.`;\n resultsDiv.classList.add('show');\n \n if (score === total) {\n resultsDiv.textContent = `Perfect! You scored ${score} out of ${total}. Excellent work!`;\n resultsDiv.style.backgroundColor = '#ecf9ec';\n resultsDiv.style.borderColor = '#2ecc71';\n resultsDiv.style.color = '#27ae60';\n resultsDiv.classList.remove('fail');\n } else if (score >= total * 0.7) {\n resultsDiv.textContent = `Good job! You scored ${score} out of ${total}.`;\n resultsDiv.style.backgroundColor = '#ecf9ec';\n resultsDiv.style.borderColor = '#2ecc71';\n resultsDiv.style.color = '#27ae60';\n resultsDiv.classList.remove('fail');\n } else {\n resultsDiv.textContent = `You scored ${score} out of ${total}. Try again!`;\n resultsDiv.style.backgroundColor = '#fdeaea';\n resultsDiv.style.borderColor = '#e74c3c';\n resultsDiv.style.color = '#c0392b';\n resultsDiv.classList.add('fail');\n }\n });<\/p>\n<p> \/\/ Add change event listeners to dropdowns to reset border color when user changes selection\n for (let i = 1; i <= 10; i++) {\n const selectElement = document.getElementById(`q${i}`);\n selectElement.addEventListener('change', function() {\n this.style.borderColor = '#bdc3c7';\n const feedbackElement = document.getElementById(`fb${i}`);\n feedbackElement.textContent = '';\n feedbackElement.className = 'feedback';\n });\n }\n });\n <\/script><br \/>\n<\/body><br \/>\n<\/html><br \/>\n```<\/p>\n","protected":false},"excerpt":{"rendered":"<p>“`html Phrasal Verbs Exercise – Beginner Phrasal Verbs Exercise – Beginner Level Instructions Complete each sentence by selecting the correct phrasal verb from the dropdown menu. Phrasal verbs are verbs combined with a preposition or adverb that create a meaning different from the original verb. Good luck! 1. Please _____ the light when you leave […]<\/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-483","post","type-post","status-publish","format-standard","hentry","category-frazalni-glagoli"],"_links":{"self":[{"href":"https:\/\/kursevikonverzacije.com\/blog\/wp-json\/wp\/v2\/posts\/483","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=483"}],"version-history":[{"count":1,"href":"https:\/\/kursevikonverzacije.com\/blog\/wp-json\/wp\/v2\/posts\/483\/revisions"}],"predecessor-version":[{"id":1088,"href":"https:\/\/kursevikonverzacije.com\/blog\/wp-json\/wp\/v2\/posts\/483\/revisions\/1088"}],"wp:attachment":[{"href":"https:\/\/kursevikonverzacije.com\/blog\/wp-json\/wp\/v2\/media?parent=483"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kursevikonverzacije.com\/blog\/wp-json\/wp\/v2\/categories?post=483"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kursevikonverzacije.com\/blog\/wp-json\/wp\/v2\/tags?post=483"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}