Phrasal Verbs Matching Exercise<\/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: #f5f7fa;\n margin: 0;\n padding: 20px;\n display: flex;\n flex-direction: column;\n align-items: center;\n min-height: 100vh;\n }\n .container {\n max-width: 900px;\n width: 100%;\n background-color: white;\n border-radius: 12px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n padding: 30px;\n margin-top: 20px;\n }\n h1 {\n color: #2c3e50;\n text-align: center;\n margin-bottom: 10px;\n }\n .subtitle {\n text-align: center;\n color: #7f8c8d;\n margin-bottom: 30px;\n font-size: 1.1rem;\n }\n .instructions {\n background-color: #e8f4fc;\n border-left: 4px solid #3498db;\n padding: 15px;\n margin-bottom: 25px;\n border-radius: 0 8px 8px 0;\n }\n .instructions p {\n margin: 0;\n color: #2c3e50;\n }\n .matching-area {\n display: flex;\n justify-content: space-between;\n gap: 30px;\n margin-bottom: 30px;\n }\n @media (max-width: 768px) {\n .matching-area {\n flex-direction: column;\n }\n }\n .column {\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n .column-title {\n font-weight: 600;\n color: #2c3e50;\n padding-bottom: 10px;\n border-bottom: 2px solid #ecf0f1;\n margin-bottom: 10px;\n text-align: center;\n }\n .item {\n padding: 16px 20px;\n background-color: #f8f9fa;\n border: 2px solid #e9ecef;\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.2s ease;\n user-select: none;\n font-size: 1.05rem;\n }\n .item:hover {\n background-color: #edf2f7;\n transform: translateY(-2px);\n box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05);\n }\n .item.selected {\n border-color: #3498db;\n background-color: #d6eaf8;\n color: #2c3e50;\n }\n .item.matched {\n border-color: #27ae60;\n background-color: #d5f4e6;\n color: #14532d;\n cursor: default;\n }\n .item.matched:hover {\n transform: none;\n box-shadow: none;\n }\n .controls {\n display: flex;\n justify-content: center;\n gap: 20px;\n margin-top: 20px;\n flex-wrap: wrap;\n }\n button {\n padding: 14px 28px;\n border: none;\n border-radius: 8px;\n font-size: 1rem;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.2s ease;\n }\n #checkBtn {\n background-color: #3498db;\n color: white;\n }\n #checkBtn:hover {\n background-color: #2980b9;\n }\n #resetBtn {\n background-color: #e74c3c;\n color: white;\n }\n #resetBtn:hover {\n background-color: #c0392b;\n }\n .score {\n text-align: center;\n font-size: 1.2rem;\n margin-top: 25px;\n padding: 15px;\n background-color: #f8f9fa;\n border-radius: 8px;\n color: #2c3e50;\n }\n .score span {\n font-weight: bold;\n color: #3498db;\n }\n .feedback {\n text-align: center;\n margin-top: 15px;\n min-height: 24px;\n font-weight: 600;\n }\n .correct-feedback {\n color: #27ae60;\n }\n .incorrect-feedback {\n color: #e74c3c;\n }\n <\/style>\n<p><\/head><br \/>\n<body><\/p>\n<h1>Phrasal Verbs Matching Exercise<\/h1>\n<p class=\"subtitle\">Beginner Level – Click to match the phrasal verb with its definition<\/p>\n<div class=\"container\">\n<div class=\"instructions\">\n<p><strong>How to play:<\/strong> Click on a phrasal verb in the left column, then click on its definition in the right column. If they match, they will turn green. If not, try again!<\/p>\n<\/p><\/div>\n<div class=\"matching-area\">\n<div class=\"column\">\n<div class=\"column-title\">Phrasal Verbs<\/div>\n<div class=\"item\" data-id=\"1\">get up<\/div>\n<div class=\"item\" data-id=\"2\">look for<\/div>\n<div class=\"item\" data-id=\"3\">turn on<\/div>\n<div class=\"item\" data-id=\"4\">give up<\/div>\n<div class=\"item\" data-id=\"5\">come back<\/div>\n<div class=\"item\" data-id=\"6\">put on<\/div>\n<\/p><\/div>\n<div class=\"column\">\n<div class=\"column-title\">Definitions<\/div>\n<div class=\"item\" data-id=\"5\">return<\/div>\n<div class=\"item\" data-id=\"3\">start a machine or light<\/div>\n<div class=\"item\" data-id=\"1\">rise from bed<\/div>\n<div class=\"item\" data-id=\"6\">wear clothes<\/div>\n<div class=\"item\" data-id=\"2\">search for something<\/div>\n<div class=\"item\" data-id=\"4\">stop trying<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"controls\">\n <button id=\"checkBtn\">Check Matching<\/button><br \/>\n <button id=\"resetBtn\">Reset Game<\/button>\n <\/div>\n<div class=\"score\">Correct pairs: <span id=\"scoreValue\">0<\/span> \/ 6<\/div>\n<div class=\"feedback\" id=\"feedback\"><\/div>\n<\/p><\/div>\n<p> <script>\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Get all items\n const leftItems = document.querySelectorAll('.column:first-child .item');\n const rightItems = document.querySelectorAll('.column:last-child .item');\n const checkBtn = document.getElementById('checkBtn');\n const resetBtn = document.getElementById('resetBtn');\n const scoreValue = document.getElementById('scoreValue');\n const feedback = document.getElementById('feedback');<\/p>\n<p> \/\/ Game state\n let selectedLeft = null;\n let selectedRight = null;\n let matchedPairs = 0;\n let totalPairs = 6;<\/p>\n<p> \/\/ Initialize items\n function initializeItems() {\n \/\/ Add click event listeners to left items\n leftItems.forEach(item => {\n item.addEventListener('click', handleLeftClick);\n \/\/ Reset classes\n item.classList.remove('selected', 'matched');\n });<\/p>\n<p> \/\/ Add click event listeners to right items\n rightItems.forEach(item => {\n item.addEventListener('click', handleRightClick);\n \/\/ Reset classes\n item.classList.remove('selected', 'matched');\n });<\/p>\n<p> \/\/ Reset game state\n selectedLeft = null;\n selectedRight = null;\n matchedPairs = 0;\n updateScore();\n clearFeedback();\n }<\/p>\n<p> \/\/ Handle left item click\n function handleLeftClick(e) {\n const item = e.currentTarget;<\/p>\n<p> \/\/ If already matched, do nothing\n if (item.classList.contains('matched')) return;<\/p>\n<p> \/\/ If this item is already selected, deselect it\n if (item === selectedLeft) {\n item.classList.remove('selected');\n selectedLeft = null;\n return;\n }<\/p>\n<p> \/\/ Deselect previous selection\n if (selectedLeft) {\n selectedLeft.classList.remove('selected');\n }<\/p>\n<p> \/\/ Select this item\n item.classList.add('selected');\n selectedLeft = item;<\/p>\n<p> \/\/ If we have both selections, try to match\n if (selectedLeft && selectedRight) {\n attemptMatch();\n }\n }<\/p>\n<p> \/\/ Handle right item click\n function handleRightClick(e) {\n const item = e.currentTarget;<\/p>\n<p> \/\/ If already matched, do nothing\n if (item.classList.contains('matched')) return;<\/p>\n<p> \/\/ If this item is already selected, deselect it\n if (item === selectedRight) {\n item.classList.remove('selected');\n selectedRight = null;\n return;\n }<\/p>\n<p> \/\/ Deselect previous selection\n if (selectedRight) {\n selectedRight.classList.remove('selected');\n }<\/p>\n<p> \/\/ Select this item\n item.classList.add('selected');\n selectedRight = item;<\/p>\n<p> \/\/ If we have both selections, try to match\n if (selectedLeft && selectedRight) {\n attemptMatch();\n }\n }<\/p>\n<p> \/\/ Attempt to match selected items\n function attemptMatch() {\n const leftId = selectedLeft.getAttribute('data-id');\n const rightId = selectedRight.getAttribute('data-id');<\/p>\n<p> \/\/ Check if they match\n if (leftId === rightId) {\n \/\/ Correct match\n selectedLeft.classList.remove('selected');\n selectedLeft.classList.add('matched');\n selectedRight.classList.remove('selected');\n selectedRight.classList.add('matched');<\/p>\n<p> matchedPairs++;\n updateScore();\n showFeedback('Correct match!', 'correct');<\/p>\n<p> \/\/ Check if game is complete\n if (matchedPairs === totalPairs) {\n showFeedback('Congratulations! You matched all phrasal verbs!', 'correct');\n }\n } else {\n \/\/ Incorrect match\n showFeedback('Not a match. Try again!', 'incorrect');<\/p>\n<p> \/\/ Deselect after a short delay\n setTimeout(() => {\n selectedLeft.classList.remove('selected');\n selectedRight.classList.remove('selected');\n selectedLeft = null;\n selectedRight = null;\n }, 800);\n }\n }<\/p>\n<p> \/\/ Update score display\n function updateScore() {\n scoreValue.textContent = matchedPairs;\n }<\/p>\n<p> \/\/ Show feedback message\n function showFeedback(message, type) {\n feedback.textContent = message;\n feedback.className = 'feedback';\n feedback.classList.add(type === 'correct' ? 'correct-feedback' : 'incorrect-feedback');<\/p>\n<p> \/\/ Clear feedback after 2 seconds (unless it's the final message)\n if (matchedPairs !== totalPairs) {\n setTimeout(clearFeedback, 2000);\n }\n }<\/p>\n<p> \/\/ Clear feedback\n function clearFeedback() {\n feedback.textContent = '';\n feedback.className = 'feedback';\n }<\/p>\n<p> \/\/ Check matching button\n checkBtn.addEventListener('click', function() {\n \/\/ Count how many are correctly matched\n let correctCount = 0;<\/p>\n<p> leftItems.forEach(leftItem => {\n if (leftItem.classList.contains('matched')) {\n const leftId = leftItem.getAttribute('data-id');<\/p>\n<p> \/\/ Find the corresponding right item\n rightItems.forEach(rightItem => {\n const rightId = rightItem.getAttribute('data-id');\n if (leftId === rightId && rightItem.classList.contains('matched')) {\n correctCount++;\n }\n });\n }\n });<\/p>\n<p> if (correctCount === totalPairs) {\n showFeedback('Perfect! All matches are correct!', 'correct');\n } else {\n showFeedback(`You have ${correctCount} correct matches out of ${totalPairs}.`, 'incorrect');\n }\n });<\/p>\n<p> \/\/ Reset button\n resetBtn.addEventListener('click', initializeItems);<\/p>\n<p> \/\/ Initialize the game\n initializeItems();\n });\n <\/script><br \/>\n<\/body><br \/>\n<\/html><br \/>\n“`<\/p>\n","protected":false},"excerpt":{"rendered":"<p>“`html Phrasal Verbs Matching Exercise Phrasal Verbs Matching Exercise Beginner Level – Click to match the phrasal verb with its definition How to play: Click on a phrasal verb in the left column, then click on its definition in the right column. If they match, they will turn green. If not, try again! Phrasal Verbs […]<\/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-478","post","type-post","status-publish","format-standard","hentry","category-frazalni-glagoli"],"_links":{"self":[{"href":"https:\/\/kursevikonverzacije.com\/blog\/wp-json\/wp\/v2\/posts\/478","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=478"}],"version-history":[{"count":1,"href":"https:\/\/kursevikonverzacije.com\/blog\/wp-json\/wp\/v2\/posts\/478\/revisions"}],"predecessor-version":[{"id":1092,"href":"https:\/\/kursevikonverzacije.com\/blog\/wp-json\/wp\/v2\/posts\/478\/revisions\/1092"}],"wp:attachment":[{"href":"https:\/\/kursevikonverzacije.com\/blog\/wp-json\/wp\/v2\/media?parent=478"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kursevikonverzacije.com\/blog\/wp-json\/wp\/v2\/categories?post=478"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kursevikonverzacije.com\/blog\/wp-json\/wp\/v2\/tags?post=478"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":478,"date":"2026-03-10T07:55:03","date_gmt":"2026-03-10T07:55:03","guid":{"rendered":"https:\/\/kursevikonverzacije.com\/blog\/matching-phrasal-verbs-pocetni-nivo-2\/"},"modified":"2026-03-26T21:39:34","modified_gmt":"2026-03-26T21:39:34","slug":"matching-phrasal-verbs-pocetni-nivo-2","status":"publish","type":"post","link":"https:\/\/kursevikonverzacije.com\/blog\/matching-phrasal-verbs-pocetni-nivo-2\/","title":{"rendered":"Matching: Phrasal Verbs (po\u010detni nivo)"},"content":{"rendered":"

“`html
\n
\n
\n
\n
\n
\n Phrasal Verbs Matching Exercise<\/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: #f5f7fa;\n margin: 0;\n padding: 20px;\n display: flex;\n flex-direction: column;\n align-items: center;\n min-height: 100vh;\n }\n .container {\n max-width: 900px;\n width: 100%;\n background-color: white;\n border-radius: 12px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n padding: 30px;\n margin-top: 20px;\n }\n h1 {\n color: #2c3e50;\n text-align: center;\n margin-bottom: 10px;\n }\n .subtitle {\n text-align: center;\n color: #7f8c8d;\n margin-bottom: 30px;\n font-size: 1.1rem;\n }\n .instructions {\n background-color: #e8f4fc;\n border-left: 4px solid #3498db;\n padding: 15px;\n margin-bottom: 25px;\n border-radius: 0 8px 8px 0;\n }\n .instructions p {\n margin: 0;\n color: #2c3e50;\n }\n .matching-area {\n display: flex;\n justify-content: space-between;\n gap: 30px;\n margin-bottom: 30px;\n }\n @media (max-width: 768px) {\n .matching-area {\n flex-direction: column;\n }\n }\n .column {\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n .column-title {\n font-weight: 600;\n color: #2c3e50;\n padding-bottom: 10px;\n border-bottom: 2px solid #ecf0f1;\n margin-bottom: 10px;\n text-align: center;\n }\n .item {\n padding: 16px 20px;\n background-color: #f8f9fa;\n border: 2px solid #e9ecef;\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.2s ease;\n user-select: none;\n font-size: 1.05rem;\n }\n .item:hover {\n background-color: #edf2f7;\n transform: translateY(-2px);\n box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05);\n }\n .item.selected {\n border-color: #3498db;\n background-color: #d6eaf8;\n color: #2c3e50;\n }\n .item.matched {\n border-color: #27ae60;\n background-color: #d5f4e6;\n color: #14532d;\n cursor: default;\n }\n .item.matched:hover {\n transform: none;\n box-shadow: none;\n }\n .controls {\n display: flex;\n justify-content: center;\n gap: 20px;\n margin-top: 20px;\n flex-wrap: wrap;\n }\n button {\n padding: 14px 28px;\n border: none;\n border-radius: 8px;\n font-size: 1rem;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.2s ease;\n }\n #checkBtn {\n background-color: #3498db;\n color: white;\n }\n #checkBtn:hover {\n background-color: #2980b9;\n }\n #resetBtn {\n background-color: #e74c3c;\n color: white;\n }\n #resetBtn:hover {\n background-color: #c0392b;\n }\n .score {\n text-align: center;\n font-size: 1.2rem;\n margin-top: 25px;\n padding: 15px;\n background-color: #f8f9fa;\n border-radius: 8px;\n color: #2c3e50;\n }\n .score span {\n font-weight: bold;\n color: #3498db;\n }\n .feedback {\n text-align: center;\n margin-top: 15px;\n min-height: 24px;\n font-weight: 600;\n }\n .correct-feedback {\n color: #27ae60;\n }\n .incorrect-feedback {\n color: #e74c3c;\n }\n <\/style>\n<p><\/head><br \/>\n<body><\/p>\n<h1>Phrasal Verbs Matching Exercise<\/h1>\n<p class=\"subtitle\">Beginner Level – Click to match the phrasal verb with its definition<\/p>\n<div class=\"container\">\n<div class=\"instructions\">\n<p><strong>How to play:<\/strong> Click on a phrasal verb in the left column, then click on its definition in the right column. If they match, they will turn green. If not, try again!<\/p>\n<\/p><\/div>\n<div class=\"matching-area\">\n<div class=\"column\">\n<div class=\"column-title\">Phrasal Verbs<\/div>\n<div class=\"item\" data-id=\"1\">get up<\/div>\n<div class=\"item\" data-id=\"2\">look for<\/div>\n<div class=\"item\" data-id=\"3\">turn on<\/div>\n<div class=\"item\" data-id=\"4\">give up<\/div>\n<div class=\"item\" data-id=\"5\">come back<\/div>\n<div class=\"item\" data-id=\"6\">put on<\/div>\n<\/p><\/div>\n<div class=\"column\">\n<div class=\"column-title\">Definitions<\/div>\n<div class=\"item\" data-id=\"5\">return<\/div>\n<div class=\"item\" data-id=\"3\">start a machine or light<\/div>\n<div class=\"item\" data-id=\"1\">rise from bed<\/div>\n<div class=\"item\" data-id=\"6\">wear clothes<\/div>\n<div class=\"item\" data-id=\"2\">search for something<\/div>\n<div class=\"item\" data-id=\"4\">stop trying<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"controls\">\n <button id=\"checkBtn\">Check Matching<\/button><br \/>\n <button id=\"resetBtn\">Reset Game<\/button>\n <\/div>\n<div class=\"score\">Correct pairs: <span id=\"scoreValue\">0<\/span> \/ 6<\/div>\n<div class=\"feedback\" id=\"feedback\"><\/div>\n<\/p><\/div>\n<p> <script>\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Get all items\n const leftItems = document.querySelectorAll('.column:first-child .item');\n const rightItems = document.querySelectorAll('.column:last-child .item');\n const checkBtn = document.getElementById('checkBtn');\n const resetBtn = document.getElementById('resetBtn');\n const scoreValue = document.getElementById('scoreValue');\n const feedback = document.getElementById('feedback');<\/p>\n<p> \/\/ Game state\n let selectedLeft = null;\n let selectedRight = null;\n let matchedPairs = 0;\n let totalPairs = 6;<\/p>\n<p> \/\/ Initialize items\n function initializeItems() {\n \/\/ Add click event listeners to left items\n leftItems.forEach(item => {\n item.addEventListener('click', handleLeftClick);\n \/\/ Reset classes\n item.classList.remove('selected', 'matched');\n });<\/p>\n<p> \/\/ Add click event listeners to right items\n rightItems.forEach(item => {\n item.addEventListener('click', handleRightClick);\n \/\/ Reset classes\n item.classList.remove('selected', 'matched');\n });<\/p>\n<p> \/\/ Reset game state\n selectedLeft = null;\n selectedRight = null;\n matchedPairs = 0;\n updateScore();\n clearFeedback();\n }<\/p>\n<p> \/\/ Handle left item click\n function handleLeftClick(e) {\n const item = e.currentTarget;<\/p>\n<p> \/\/ If already matched, do nothing\n if (item.classList.contains('matched')) return;<\/p>\n<p> \/\/ If this item is already selected, deselect it\n if (item === selectedLeft) {\n item.classList.remove('selected');\n selectedLeft = null;\n return;\n }<\/p>\n<p> \/\/ Deselect previous selection\n if (selectedLeft) {\n selectedLeft.classList.remove('selected');\n }<\/p>\n<p> \/\/ Select this item\n item.classList.add('selected');\n selectedLeft = item;<\/p>\n<p> \/\/ If we have both selections, try to match\n if (selectedLeft && selectedRight) {\n attemptMatch();\n }\n }<\/p>\n<p> \/\/ Handle right item click\n function handleRightClick(e) {\n const item = e.currentTarget;<\/p>\n<p> \/\/ If already matched, do nothing\n if (item.classList.contains('matched')) return;<\/p>\n<p> \/\/ If this item is already selected, deselect it\n if (item === selectedRight) {\n item.classList.remove('selected');\n selectedRight = null;\n return;\n }<\/p>\n<p> \/\/ Deselect previous selection\n if (selectedRight) {\n selectedRight.classList.remove('selected');\n }<\/p>\n<p> \/\/ Select this item\n item.classList.add('selected');\n selectedRight = item;<\/p>\n<p> \/\/ If we have both selections, try to match\n if (selectedLeft && selectedRight) {\n attemptMatch();\n }\n }<\/p>\n<p> \/\/ Attempt to match selected items\n function attemptMatch() {\n const leftId = selectedLeft.getAttribute('data-id');\n const rightId = selectedRight.getAttribute('data-id');<\/p>\n<p> \/\/ Check if they match\n if (leftId === rightId) {\n \/\/ Correct match\n selectedLeft.classList.remove('selected');\n selectedLeft.classList.add('matched');\n selectedRight.classList.remove('selected');\n selectedRight.classList.add('matched');<\/p>\n<p> matchedPairs++;\n updateScore();\n showFeedback('Correct match!', 'correct');<\/p>\n<p> \/\/ Check if game is complete\n if (matchedPairs === totalPairs) {\n showFeedback('Congratulations! You matched all phrasal verbs!', 'correct');\n }\n } else {\n \/\/ Incorrect match\n showFeedback('Not a match. Try again!', 'incorrect');<\/p>\n<p> \/\/ Deselect after a short delay\n setTimeout(() => {\n selectedLeft.classList.remove('selected');\n selectedRight.classList.remove('selected');\n selectedLeft = null;\n selectedRight = null;\n }, 800);\n }\n }<\/p>\n<p> \/\/ Update score display\n function updateScore() {\n scoreValue.textContent = matchedPairs;\n }<\/p>\n<p> \/\/ Show feedback message\n function showFeedback(message, type) {\n feedback.textContent = message;\n feedback.className = 'feedback';\n feedback.classList.add(type === 'correct' ? 'correct-feedback' : 'incorrect-feedback');<\/p>\n<p> \/\/ Clear feedback after 2 seconds (unless it's the final message)\n if (matchedPairs !== totalPairs) {\n setTimeout(clearFeedback, 2000);\n }\n }<\/p>\n<p> \/\/ Clear feedback\n function clearFeedback() {\n feedback.textContent = '';\n feedback.className = 'feedback';\n }<\/p>\n<p> \/\/ Check matching button\n checkBtn.addEventListener('click', function() {\n \/\/ Count how many are correctly matched\n let correctCount = 0;<\/p>\n<p> leftItems.forEach(leftItem => {\n if (leftItem.classList.contains('matched')) {\n const leftId = leftItem.getAttribute('data-id');<\/p>\n<p> \/\/ Find the corresponding right item\n rightItems.forEach(rightItem => {\n const rightId = rightItem.getAttribute('data-id');\n if (leftId === rightId && rightItem.classList.contains('matched')) {\n correctCount++;\n }\n });\n }\n });<\/p>\n<p> if (correctCount === totalPairs) {\n showFeedback('Perfect! All matches are correct!', 'correct');\n } else {\n showFeedback(`You have ${correctCount} correct matches out of ${totalPairs}.`, 'incorrect');\n }\n });<\/p>\n<p> \/\/ Reset button\n resetBtn.addEventListener('click', initializeItems);<\/p>\n<p> \/\/ Initialize the game\n initializeItems();\n });\n <\/script><br \/>\n<\/body><br \/>\n<\/html><br \/>\n“`<\/p>\n","protected":false},"excerpt":{"rendered":"<p>“`html Phrasal Verbs Matching Exercise Phrasal Verbs Matching Exercise Beginner Level – Click to match the phrasal verb with its definition How to play: Click on a phrasal verb in the left column, then click on its definition in the right column. If they match, they will turn green. If not, try again! Phrasal Verbs […]<\/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-478","post","type-post","status-publish","format-standard","hentry","category-frazalni-glagoli"],"_links":{"self":[{"href":"https:\/\/kursevikonverzacije.com\/blog\/wp-json\/wp\/v2\/posts\/478","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=478"}],"version-history":[{"count":1,"href":"https:\/\/kursevikonverzacije.com\/blog\/wp-json\/wp\/v2\/posts\/478\/revisions"}],"predecessor-version":[{"id":1092,"href":"https:\/\/kursevikonverzacije.com\/blog\/wp-json\/wp\/v2\/posts\/478\/revisions\/1092"}],"wp:attachment":[{"href":"https:\/\/kursevikonverzacije.com\/blog\/wp-json\/wp\/v2\/media?parent=478"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kursevikonverzacije.com\/blog\/wp-json\/wp\/v2\/categories?post=478"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kursevikonverzacije.com\/blog\/wp-json\/wp\/v2\/tags?post=478"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}