Fairy Tale Word Match<\/title>\n\n <style>\n :root {\n --background: #fffaf2;\n --card: #ffffff;\n --text: #3d342d;\n --accent: #9b6f4a;\n --light-accent: #ead8c5;\n --correct: #dff2df;\n --correct-border: #4f8a52;\n --wrong: #f8dddd;\n --wrong-border: #b34c4c;\n --shadow: 0 4px 12px rgba(80, 55, 35, 0.12);\n }\n\n * {\n box-sizing: border-box;\n }\n\n body {\n margin: 0;\n padding: 24px;\n background: var(--background);\n color: var(--text);\n font-family: \"Ada Pearl Light\", Georgia, serif;\n }\n\n .game {\n max-width: 1050px;\n margin: 0 auto;\n }\n\n h1 {\n margin-bottom: 6px;\n text-align: center;\n font-size: clamp(2rem, 5vw, 3.2rem);\n font-weight: 400;\n }\n\n .instructions {\n max-width: 720px;\n margin: 0 auto 18px;\n text-align: center;\n font-size: 1.15rem;\n }\n\n .status-bar {\n display: flex;\n justify-content: center;\n gap: 12px;\n flex-wrap: wrap;\n margin-bottom: 18px;\n }\n\n .status {\n padding: 8px 16px;\n background: var(--card);\n border: 1px solid var(--light-accent);\n border-radius: 30px;\n box-shadow: var(--shadow);\n font-size: 1rem;\n }\n\n .feedback {\n min-height: 36px;\n margin-bottom: 12px;\n text-align: center;\n font-size: 1.2rem;\n font-weight: bold;\n }\n\n .boards {\n display: grid;\n grid-template-columns: 1fr 1.5fr;\n gap: 20px;\n align-items: start;\n }\n\n .panel {\n padding: 16px;\n background: rgba(255, 255, 255, 0.6);\n border: 1px solid var(--light-accent);\n border-radius: 18px;\n }\n\n .panel h2 {\n margin: 0 0 12px;\n text-align: center;\n font-weight: 400;\n }\n\n .list {\n display: grid;\n gap: 10px;\n }\n\n .card {\n width: 100%;\n padding: 14px 16px;\n background: var(--card);\n color: var(--text);\n border: 2px solid transparent;\n border-radius: 14px;\n box-shadow: var(--shadow);\n font: inherit;\n font-size: 1.05rem;\n text-align: left;\n cursor: pointer;\n transition:\n transform 0.15s ease,\n border-color 0.15s ease,\n background 0.15s ease;\n }\n\n .card:hover:not(:disabled),\n .card:focus-visible:not(:disabled) {\n transform: translateY(-2px);\n border-color: var(--accent);\n outline: none;\n }\n\n .card.selected {\n background: #fff2df;\n border-color: var(--accent);\n }\n\n .card.correct {\n background: var(--correct);\n border-color: var(--correct-border);\n cursor: default;\n }\n\n .card.wrong {\n background: var(--wrong);\n border-color: var(--wrong-border);\n animation: shake 0.25s linear;\n }\n\n .card:disabled {\n opacity: 0.72;\n }\n\n .controls {\n margin-top: 22px;\n text-align: center;\n }\n\n .reset-button {\n padding: 11px 22px;\n background: var(--accent);\n color: white;\n border: none;\n border-radius: 30px;\n font: inherit;\n font-size: 1.05rem;\n cursor: pointer;\n }\n\n .reset-button:hover {\n filter: brightness(0.95);\n }\n\n @keyframes shake {\n 0%,\n 100% {\n transform: translateX(0);\n }\n\n 25% {\n transform: translateX(-5px);\n }\n\n 75% {\n transform: translateX(5px);\n }\n }\n\n @media (max-width: 760px) {\n body {\n padding: 14px;\n }\n\n .boards {\n grid-template-columns: 1fr;\n }\n }\n <\/style>\n<\/head>\n\n<body>\n <main class=\"game\">\n <h1>Fairy Tale Word Match<\/h1>\n\n <p class=\"instructions\">\n Click a word. Then click its correct meaning. Match all 12 pairs.\n <\/p>\n\n <div class=\"status-bar\">\n <div class=\"status\">\n Matches:\n <span id=\"matches\">0<\/span>\/12\n <\/div>\n\n <div class=\"status\">\n Tries:\n <span id=\"tries\">0<\/span>\n <\/div>\n <\/div>\n\n <div id=\"feedback\" class=\"feedback\" aria-live=\"polite\">\n Choose a word to begin.\n <\/div>\n\n <section class=\"boards\">\n <div class=\"panel\">\n <h2>Words<\/h2>\n <div id=\"wordList\" class=\"list\"><\/div>\n <\/div>\n\n <div class=\"panel\">\n <h2>Meanings<\/h2>\n <div id=\"meaningList\" class=\"list\"><\/div>\n <\/div>\n <\/section>\n\n <div class=\"controls\">\n <button id=\"resetButton\" class=\"reset-button\" type=\"button\">\n Play Again\n <\/button>\n <\/div>\n <\/main>\n\n <script>\n const vocabulary = [\n {\n word: \"stepmother\",\n meaning: \"A woman who marries your father after your mother dies.\"\n },\n {\n word: \"cruel\",\n meaning: \"Very mean and unkind.\"\n },\n {\n word: \"flee\",\n meaning: \"To run away from danger.\"\n },\n {\n word: \"bewitched\",\n meaning: \"Magic has been put on something.\"\n },\n {\n word: \"stream\",\n meaning: \"A small river.\"\n },\n {\n word: \"whispered\",\n meaning: \"Spoke very quietly.\"\n },\n {\n word: \"transformed\",\n meaning: \"Changed into something else.\"\n },\n {\n word: \"roe (deer)\",\n meaning: \"A small deer.\"\n },\n {\n word: \"golden ribbon\",\n meaning: \"A shiny yellow ribbon.\"\n },\n {\n word: \"cottage\",\n meaning: \"A small house in the woods.\"\n },\n {\n word: \"hunters\",\n meaning: \"People who look for wild animals.\"\n },\n {\n word: \"castle\",\n meaning: \"A large home where a king or queen lives.\"\n }\n ];\n\n const wordList = document.getElementById(\"wordList\");\n const meaningList = document.getElementById(\"meaningList\");\n const feedback = document.getElementById(\"feedback\");\n const matchesDisplay = document.getElementById(\"matches\");\n const triesDisplay = document.getElementById(\"tries\");\n const resetButton = document.getElementById(\"resetButton\");\n\n let selectedWordId = null;\n let selectedWordButton = null;\n let matches = 0;\n let tries = 0;\n let gameLocked = false;\n\n function shuffle(items) {\n const shuffledItems = [...items];\n\n for (let i = shuffledItems.length - 1; i > 0; i--) {\n const randomIndex = Math.floor(Math.random() * (i + 1));\n\n [shuffledItems[i], shuffledItems[randomIndex]] =\n [shuffledItems[randomIndex], shuffledItems[i]];\n }\n\n return shuffledItems;\n }\n\n function createCard(text, type, id) {\n const button = document.createElement(\"button\");\n\n button.type = \"button\";\n button.className = \"card\";\n button.dataset.type = type;\n button.dataset.id = id;\n button.textContent = text;\n\n return button;\n }\n\n function startGame() {\n selectedWordId = null;\n selectedWordButton = null;\n matches = 0;\n tries = 0;\n gameLocked = false;\n\n wordList.innerHTML = \"\";\n meaningList.innerHTML = \"\";\n\n matchesDisplay.textContent = matches;\n triesDisplay.textContent = tries;\n feedback.textContent = \"Choose a word to begin.\";\n\n const shuffledWords = shuffle(\n vocabulary.map((item, id) => ({ ...item, id }))\n );\n\n const shuffledMeanings = shuffle(\n vocabulary.map((item, id) => ({ ...item, id }))\n );\n\n shuffledWords.forEach((item) => {\n const button = createCard(\n item.word,\n \"word\",\n item.id\n );\n\n button.addEventListener(\"click\", () => {\n selectWord(button, item.id);\n });\n\n wordList.appendChild(button);\n });\n\n shuffledMeanings.forEach((item) => {\n const button = createCard(\n item.meaning,\n \"meaning\",\n item.id\n );\n\n button.addEventListener(\"click\", () => {\n selectMeaning(button, item.id);\n });\n\n meaningList.appendChild(button);\n });\n }\n\n function selectWord(button, id) {\n if (gameLocked || button.disabled) {\n return;\n }\n\n const wordButtons = document.querySelectorAll(\n '[data-type=\"word\"]'\n );\n\n wordButtons.forEach((wordButton) => {\n if (!wordButton.disabled) {\n wordButton.classList.remove(\"selected\");\n }\n });\n\n selectedWordId = id;\n selectedWordButton = button;\n\n button.classList.add(\"selected\");\n\n feedback.textContent =\n `Now choose the meaning of \u201c${vocabulary[id].word}\u201d.`;\n }\n\n function selectMeaning(button, id) {\n if (gameLocked || button.disabled) {\n return;\n }\n\n if (selectedWordId === null) {\n feedback.textContent = \"Choose a word first.\";\n return;\n }\n\n tries++;\n triesDisplay.textContent = tries;\n\n if (selectedWordId === id) {\n handleCorrectMatch(button, id);\n } else {\n handleWrongMatch(button);\n }\n }\n\n function handleCorrectMatch(meaningButton, id) {\n matches++;\n matchesDisplay.textContent = matches;\n\n selectedWordButton.classList.remove(\"selected\");\n selectedWordButton.classList.add(\"correct\");\n meaningButton.classList.add(\"correct\");\n\n selectedWordButton.disabled = true;\n meaningButton.disabled = true;\n\n feedback.textContent =\n `Correct! \u201c${vocabulary[id].word}\u201d means ` +\n `\u201c${vocabulary[id].meaning}\u201d`;\n\n selectedWordId = null;\n selectedWordButton = null;\n\n if (matches === vocabulary.length) {\n feedback.textContent =\n `Excellent! You matched all ${vocabulary.length} words ` +\n `in ${tries} tries.`;\n }\n }\n\n function handleWrongMatch(meaningButton) {\n gameLocked = true;\n\n meaningButton.classList.add(\"wrong\");\n selectedWordButton.classList.add(\"wrong\");\n\n feedback.textContent = \"Not quite. Try another meaning.\";\n\n setTimeout(() => {\n meaningButton.classList.remove(\"wrong\");\n\n if (selectedWordButton) {\n selectedWordButton.classList.remove(\"wrong\", \"selected\");\n }\n\n selectedWordId = null;\n selectedWordButton = null;\n gameLocked = false;\n\n feedback.textContent = \"Choose another word.\";\n }, 700);\n }\n\n resetButton.addEventListener(\"click\", startGame);\n\n startGame();\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<div style=\"max-width:1100px;margin:auto;\">\n\n<iframe\nid=\"storygame\"\nsrc=\"https:\/\/research-says.com\/wp-content\/uploads\/2026\/07\/story_picture_order_game.html\"\nwidth=\"100%\"\nheight=\"950\"\nstyle=\"border:none;\">\n<\/iframe>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Fairy Tale Word Match Fairy Tale Word Match Click a word. Then click its correct meaning. Match all 12 pairs. Matches: 0\/12 Tries: 0 Choose a word to begin. Words Meanings Play Again<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-13061","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Brother and Sister: 8\u201310 Years - Language Education & Consultancy<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/research-says.com\/tr\/brother-and-sister-8-10-years\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Brother and Sister: 8\u201310 Years - Language Education & Consultancy\" \/>\n<meta property=\"og:description\" content=\"Fairy Tale Word Match Fairy Tale Word Match Click a word. Then click its correct meaning. Match all 12 pairs. Matches: 0\/12 Tries: 0 Choose a word to begin. Words Meanings Play Again\" \/>\n<meta property=\"og:url\" content=\"https:\/\/research-says.com\/tr\/brother-and-sister-8-10-years\/\" \/>\n<meta property=\"og:site_name\" content=\"Language Education & Consultancy\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/reliableeducationservices\/notifications\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-16T16:10:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/research-says.com\/wp-content\/uploads\/2019\/11\/cropped-cropped-cropped-cropped-Student-Teacher-B-W-resized-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"625\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@guveniliregitim\" \/>\n<meta name=\"twitter:label1\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/research-says.com\\\/brother-and-sister-8-10-years\\\/\",\"url\":\"https:\\\/\\\/research-says.com\\\/brother-and-sister-8-10-years\\\/\",\"name\":\"Brother and Sister: 8\u201310 Years - Language Education & Consultancy\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/research-says.com\\\/#website\"},\"datePublished\":\"2026-07-16T15:43:48+00:00\",\"dateModified\":\"2026-07-16T16:10:33+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/research-says.com\\\/brother-and-sister-8-10-years\\\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/research-says.com\\\/brother-and-sister-8-10-years\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/research-says.com\\\/brother-and-sister-8-10-years\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/research-says.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Brother and Sister: 8\u201310 Years\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/research-says.com\\\/#website\",\"url\":\"https:\\\/\\\/research-says.com\\\/\",\"name\":\"Language Education & Consultancy\",\"description\":\"Sharper Language. Stronger Communication.\",\"publisher\":{\"@id\":\"https:\\\/\\\/research-says.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/research-says.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/research-says.com\\\/#organization\",\"name\":\"Compleat English\",\"alternateName\":\"IELTS Writing\",\"url\":\"https:\\\/\\\/research-says.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\\\/\\\/research-says.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/research-says.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/cropped-cropped-plain-logo-e1772516744844.png\",\"contentUrl\":\"https:\\\/\\\/research-says.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/cropped-cropped-plain-logo-e1772516744844.png\",\"width\":150,\"height\":163,\"caption\":\"Compleat English\"},\"image\":{\"@id\":\"https:\\\/\\\/research-says.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/reliableeducationservices\\\/notifications\\\/\",\"https:\\\/\\\/x.com\\\/guveniliregitim\",\"https:\\\/\\\/www.instagram.com\\\/guveniliregitimhizmetleri\\\/\"]}]}<\/script>\n","yoast_head_json":{"title":"Brother and Sister: 8\u201310 Years - Language Education & Consultancy","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/research-says.com\/tr\/brother-and-sister-8-10-years\/","og_locale":"tr_TR","og_type":"article","og_title":"Brother and Sister: 8\u201310 Years - Language Education & Consultancy","og_description":"Fairy Tale Word Match Fairy Tale Word Match Click a word. Then click its correct meaning. Match all 12 pairs. Matches: 0\/12 Tries: 0 Choose a word to begin. Words Meanings Play Again","og_url":"https:\/\/research-says.com\/tr\/brother-and-sister-8-10-years\/","og_site_name":"Language Education & Consultancy","article_publisher":"https:\/\/www.facebook.com\/reliableeducationservices\/notifications\/","article_modified_time":"2026-07-16T16:10:33+00:00","og_image":[{"width":1000,"height":625,"url":"https:\/\/research-says.com\/wp-content\/uploads\/2019\/11\/cropped-cropped-cropped-cropped-Student-Teacher-B-W-resized-1.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_site":"@guveniliregitim","twitter_misc":{"Tahmini okuma s\u00fcresi":"1 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/research-says.com\/brother-and-sister-8-10-years\/","url":"https:\/\/research-says.com\/brother-and-sister-8-10-years\/","name":"Brother and Sister: 8\u201310 Years - Language Education & Consultancy","isPartOf":{"@id":"https:\/\/research-says.com\/#website"},"datePublished":"2026-07-16T15:43:48+00:00","dateModified":"2026-07-16T16:10:33+00:00","breadcrumb":{"@id":"https:\/\/research-says.com\/brother-and-sister-8-10-years\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/research-says.com\/brother-and-sister-8-10-years\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/research-says.com\/brother-and-sister-8-10-years\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/research-says.com\/"},{"@type":"ListItem","position":2,"name":"Brother and Sister: 8\u201310 Years"}]},{"@type":"WebSite","@id":"https:\/\/research-says.com\/#website","url":"https:\/\/research-says.com\/","name":"Dil E\u011fitimi ve Dan\u0131\u015fmanl\u0131k","description":"Daha Etkili Dil. Daha G\u00fc\u00e7l\u00fc \u0130leti\u015fim.","publisher":{"@id":"https:\/\/research-says.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/research-says.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":"Organization","@id":"https:\/\/research-says.com\/#organization","name":"Compleat English","alternateName":"IELTS Writing","url":"https:\/\/research-says.com\/","logo":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/research-says.com\/#\/schema\/logo\/image\/","url":"https:\/\/research-says.com\/wp-content\/uploads\/2026\/03\/cropped-cropped-plain-logo-e1772516744844.png","contentUrl":"https:\/\/research-says.com\/wp-content\/uploads\/2026\/03\/cropped-cropped-plain-logo-e1772516744844.png","width":150,"height":163,"caption":"Compleat English"},"image":{"@id":"https:\/\/research-says.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/reliableeducationservices\/notifications\/","https:\/\/x.com\/guveniliregitim","https:\/\/www.instagram.com\/guveniliregitimhizmetleri\/"]}]}},"_links":{"self":[{"href":"https:\/\/research-says.com\/tr\/wp-json\/wp\/v2\/pages\/13061","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/research-says.com\/tr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/research-says.com\/tr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/research-says.com\/tr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/research-says.com\/tr\/wp-json\/wp\/v2\/comments?post=13061"}],"version-history":[{"count":4,"href":"https:\/\/research-says.com\/tr\/wp-json\/wp\/v2\/pages\/13061\/revisions"}],"predecessor-version":[{"id":13075,"href":"https:\/\/research-says.com\/tr\/wp-json\/wp\/v2\/pages\/13061\/revisions\/13075"}],"wp:attachment":[{"href":"https:\/\/research-says.com\/tr\/wp-json\/wp\/v2\/media?parent=13061"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":13061,"date":"2026-07-16T18:43:48","date_gmt":"2026-07-16T15:43:48","guid":{"rendered":"https:\/\/research-says.com\/?page_id=13061"},"modified":"2026-07-16T19:10:33","modified_gmt":"2026-07-16T16:10:33","slug":"brother-and-sister-8-10-years","status":"publish","type":"page","link":"https:\/\/research-says.com\/tr\/brother-and-sister-8-10-years\/","title":{"rendered":"Brother and Sister: 8\u201310 Years"},"content":{"rendered":"\n\n\n\n \n \n\n Fairy Tale Word Match<\/title>\n\n <style>\n :root {\n --background: #fffaf2;\n --card: #ffffff;\n --text: #3d342d;\n --accent: #9b6f4a;\n --light-accent: #ead8c5;\n --correct: #dff2df;\n --correct-border: #4f8a52;\n --wrong: #f8dddd;\n --wrong-border: #b34c4c;\n --shadow: 0 4px 12px rgba(80, 55, 35, 0.12);\n }\n\n * {\n box-sizing: border-box;\n }\n\n body {\n margin: 0;\n padding: 24px;\n background: var(--background);\n color: var(--text);\n font-family: \"Ada Pearl Light\", Georgia, serif;\n }\n\n .game {\n max-width: 1050px;\n margin: 0 auto;\n }\n\n h1 {\n margin-bottom: 6px;\n text-align: center;\n font-size: clamp(2rem, 5vw, 3.2rem);\n font-weight: 400;\n }\n\n .instructions {\n max-width: 720px;\n margin: 0 auto 18px;\n text-align: center;\n font-size: 1.15rem;\n }\n\n .status-bar {\n display: flex;\n justify-content: center;\n gap: 12px;\n flex-wrap: wrap;\n margin-bottom: 18px;\n }\n\n .status {\n padding: 8px 16px;\n background: var(--card);\n border: 1px solid var(--light-accent);\n border-radius: 30px;\n box-shadow: var(--shadow);\n font-size: 1rem;\n }\n\n .feedback {\n min-height: 36px;\n margin-bottom: 12px;\n text-align: center;\n font-size: 1.2rem;\n font-weight: bold;\n }\n\n .boards {\n display: grid;\n grid-template-columns: 1fr 1.5fr;\n gap: 20px;\n align-items: start;\n }\n\n .panel {\n padding: 16px;\n background: rgba(255, 255, 255, 0.6);\n border: 1px solid var(--light-accent);\n border-radius: 18px;\n }\n\n .panel h2 {\n margin: 0 0 12px;\n text-align: center;\n font-weight: 400;\n }\n\n .list {\n display: grid;\n gap: 10px;\n }\n\n .card {\n width: 100%;\n padding: 14px 16px;\n background: var(--card);\n color: var(--text);\n border: 2px solid transparent;\n border-radius: 14px;\n box-shadow: var(--shadow);\n font: inherit;\n font-size: 1.05rem;\n text-align: left;\n cursor: pointer;\n transition:\n transform 0.15s ease,\n border-color 0.15s ease,\n background 0.15s ease;\n }\n\n .card:hover:not(:disabled),\n .card:focus-visible:not(:disabled) {\n transform: translateY(-2px);\n border-color: var(--accent);\n outline: none;\n }\n\n .card.selected {\n background: #fff2df;\n border-color: var(--accent);\n }\n\n .card.correct {\n background: var(--correct);\n border-color: var(--correct-border);\n cursor: default;\n }\n\n .card.wrong {\n background: var(--wrong);\n border-color: var(--wrong-border);\n animation: shake 0.25s linear;\n }\n\n .card:disabled {\n opacity: 0.72;\n }\n\n .controls {\n margin-top: 22px;\n text-align: center;\n }\n\n .reset-button {\n padding: 11px 22px;\n background: var(--accent);\n color: white;\n border: none;\n border-radius: 30px;\n font: inherit;\n font-size: 1.05rem;\n cursor: pointer;\n }\n\n .reset-button:hover {\n filter: brightness(0.95);\n }\n\n @keyframes shake {\n 0%,\n 100% {\n transform: translateX(0);\n }\n\n 25% {\n transform: translateX(-5px);\n }\n\n 75% {\n transform: translateX(5px);\n }\n }\n\n @media (max-width: 760px) {\n body {\n padding: 14px;\n }\n\n .boards {\n grid-template-columns: 1fr;\n }\n }\n <\/style>\n<\/head>\n\n<body>\n <main class=\"game\">\n <h1>Fairy Tale Word Match<\/h1>\n\n <p class=\"instructions\">\n Click a word. Then click its correct meaning. Match all 12 pairs.\n <\/p>\n\n <div class=\"status-bar\">\n <div class=\"status\">\n Matches:\n <span id=\"matches\">0<\/span>\/12\n <\/div>\n\n <div class=\"status\">\n Tries:\n <span id=\"tries\">0<\/span>\n <\/div>\n <\/div>\n\n <div id=\"feedback\" class=\"feedback\" aria-live=\"polite\">\n Choose a word to begin.\n <\/div>\n\n <section class=\"boards\">\n <div class=\"panel\">\n <h2>Words<\/h2>\n <div id=\"wordList\" class=\"list\"><\/div>\n <\/div>\n\n <div class=\"panel\">\n <h2>Meanings<\/h2>\n <div id=\"meaningList\" class=\"list\"><\/div>\n <\/div>\n <\/section>\n\n <div class=\"controls\">\n <button id=\"resetButton\" class=\"reset-button\" type=\"button\">\n Play Again\n <\/button>\n <\/div>\n <\/main>\n\n <script>\n const vocabulary = [\n {\n word: \"stepmother\",\n meaning: \"A woman who marries your father after your mother dies.\"\n },\n {\n word: \"cruel\",\n meaning: \"Very mean and unkind.\"\n },\n {\n word: \"flee\",\n meaning: \"To run away from danger.\"\n },\n {\n word: \"bewitched\",\n meaning: \"Magic has been put on something.\"\n },\n {\n word: \"stream\",\n meaning: \"A small river.\"\n },\n {\n word: \"whispered\",\n meaning: \"Spoke very quietly.\"\n },\n {\n word: \"transformed\",\n meaning: \"Changed into something else.\"\n },\n {\n word: \"roe (deer)\",\n meaning: \"A small deer.\"\n },\n {\n word: \"golden ribbon\",\n meaning: \"A shiny yellow ribbon.\"\n },\n {\n word: \"cottage\",\n meaning: \"A small house in the woods.\"\n },\n {\n word: \"hunters\",\n meaning: \"People who look for wild animals.\"\n },\n {\n word: \"castle\",\n meaning: \"A large home where a king or queen lives.\"\n }\n ];\n\n const wordList = document.getElementById(\"wordList\");\n const meaningList = document.getElementById(\"meaningList\");\n const feedback = document.getElementById(\"feedback\");\n const matchesDisplay = document.getElementById(\"matches\");\n const triesDisplay = document.getElementById(\"tries\");\n const resetButton = document.getElementById(\"resetButton\");\n\n let selectedWordId = null;\n let selectedWordButton = null;\n let matches = 0;\n let tries = 0;\n let gameLocked = false;\n\n function shuffle(items) {\n const shuffledItems = [...items];\n\n for (let i = shuffledItems.length - 1; i > 0; i--) {\n const randomIndex = Math.floor(Math.random() * (i + 1));\n\n [shuffledItems[i], shuffledItems[randomIndex]] =\n [shuffledItems[randomIndex], shuffledItems[i]];\n }\n\n return shuffledItems;\n }\n\n function createCard(text, type, id) {\n const button = document.createElement(\"button\");\n\n button.type = \"button\";\n button.className = \"card\";\n button.dataset.type = type;\n button.dataset.id = id;\n button.textContent = text;\n\n return button;\n }\n\n function startGame() {\n selectedWordId = null;\n selectedWordButton = null;\n matches = 0;\n tries = 0;\n gameLocked = false;\n\n wordList.innerHTML = \"\";\n meaningList.innerHTML = \"\";\n\n matchesDisplay.textContent = matches;\n triesDisplay.textContent = tries;\n feedback.textContent = \"Choose a word to begin.\";\n\n const shuffledWords = shuffle(\n vocabulary.map((item, id) => ({ ...item, id }))\n );\n\n const shuffledMeanings = shuffle(\n vocabulary.map((item, id) => ({ ...item, id }))\n );\n\n shuffledWords.forEach((item) => {\n const button = createCard(\n item.word,\n \"word\",\n item.id\n );\n\n button.addEventListener(\"click\", () => {\n selectWord(button, item.id);\n });\n\n wordList.appendChild(button);\n });\n\n shuffledMeanings.forEach((item) => {\n const button = createCard(\n item.meaning,\n \"meaning\",\n item.id\n );\n\n button.addEventListener(\"click\", () => {\n selectMeaning(button, item.id);\n });\n\n meaningList.appendChild(button);\n });\n }\n\n function selectWord(button, id) {\n if (gameLocked || button.disabled) {\n return;\n }\n\n const wordButtons = document.querySelectorAll(\n '[data-type=\"word\"]'\n );\n\n wordButtons.forEach((wordButton) => {\n if (!wordButton.disabled) {\n wordButton.classList.remove(\"selected\");\n }\n });\n\n selectedWordId = id;\n selectedWordButton = button;\n\n button.classList.add(\"selected\");\n\n feedback.textContent =\n `Now choose the meaning of \u201c${vocabulary[id].word}\u201d.`;\n }\n\n function selectMeaning(button, id) {\n if (gameLocked || button.disabled) {\n return;\n }\n\n if (selectedWordId === null) {\n feedback.textContent = \"Choose a word first.\";\n return;\n }\n\n tries++;\n triesDisplay.textContent = tries;\n\n if (selectedWordId === id) {\n handleCorrectMatch(button, id);\n } else {\n handleWrongMatch(button);\n }\n }\n\n function handleCorrectMatch(meaningButton, id) {\n matches++;\n matchesDisplay.textContent = matches;\n\n selectedWordButton.classList.remove(\"selected\");\n selectedWordButton.classList.add(\"correct\");\n meaningButton.classList.add(\"correct\");\n\n selectedWordButton.disabled = true;\n meaningButton.disabled = true;\n\n feedback.textContent =\n `Correct! \u201c${vocabulary[id].word}\u201d means ` +\n `\u201c${vocabulary[id].meaning}\u201d`;\n\n selectedWordId = null;\n selectedWordButton = null;\n\n if (matches === vocabulary.length) {\n feedback.textContent =\n `Excellent! You matched all ${vocabulary.length} words ` +\n `in ${tries} tries.`;\n }\n }\n\n function handleWrongMatch(meaningButton) {\n gameLocked = true;\n\n meaningButton.classList.add(\"wrong\");\n selectedWordButton.classList.add(\"wrong\");\n\n feedback.textContent = \"Not quite. Try another meaning.\";\n\n setTimeout(() => {\n meaningButton.classList.remove(\"wrong\");\n\n if (selectedWordButton) {\n selectedWordButton.classList.remove(\"wrong\", \"selected\");\n }\n\n selectedWordId = null;\n selectedWordButton = null;\n gameLocked = false;\n\n feedback.textContent = \"Choose another word.\";\n }, 700);\n }\n\n resetButton.addEventListener(\"click\", startGame);\n\n startGame();\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<div style=\"max-width:1100px;margin:auto;\">\n\n<iframe\nid=\"storygame\"\nsrc=\"https:\/\/research-says.com\/wp-content\/uploads\/2026\/07\/story_picture_order_game.html\"\nwidth=\"100%\"\nheight=\"950\"\nstyle=\"border:none;\">\n<\/iframe>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Fairy Tale Word Match Fairy Tale Word Match Click a word. Then click its correct meaning. Match all 12 pairs. Matches: 0\/12 Tries: 0 Choose a word to begin. Words Meanings Play Again<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-13061","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Brother and Sister: 8\u201310 Years - Language Education & Consultancy<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/research-says.com\/tr\/brother-and-sister-8-10-years\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Brother and Sister: 8\u201310 Years - Language Education & Consultancy\" \/>\n<meta property=\"og:description\" content=\"Fairy Tale Word Match Fairy Tale Word Match Click a word. Then click its correct meaning. Match all 12 pairs. Matches: 0\/12 Tries: 0 Choose a word to begin. Words Meanings Play Again\" \/>\n<meta property=\"og:url\" content=\"https:\/\/research-says.com\/tr\/brother-and-sister-8-10-years\/\" \/>\n<meta property=\"og:site_name\" content=\"Language Education & Consultancy\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/reliableeducationservices\/notifications\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-16T16:10:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/research-says.com\/wp-content\/uploads\/2019\/11\/cropped-cropped-cropped-cropped-Student-Teacher-B-W-resized-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"625\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@guveniliregitim\" \/>\n<meta name=\"twitter:label1\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/research-says.com\\\/brother-and-sister-8-10-years\\\/\",\"url\":\"https:\\\/\\\/research-says.com\\\/brother-and-sister-8-10-years\\\/\",\"name\":\"Brother and Sister: 8\u201310 Years - Language Education & Consultancy\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/research-says.com\\\/#website\"},\"datePublished\":\"2026-07-16T15:43:48+00:00\",\"dateModified\":\"2026-07-16T16:10:33+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/research-says.com\\\/brother-and-sister-8-10-years\\\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/research-says.com\\\/brother-and-sister-8-10-years\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/research-says.com\\\/brother-and-sister-8-10-years\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/research-says.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Brother and Sister: 8\u201310 Years\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/research-says.com\\\/#website\",\"url\":\"https:\\\/\\\/research-says.com\\\/\",\"name\":\"Language Education & Consultancy\",\"description\":\"Sharper Language. Stronger Communication.\",\"publisher\":{\"@id\":\"https:\\\/\\\/research-says.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/research-says.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/research-says.com\\\/#organization\",\"name\":\"Compleat English\",\"alternateName\":\"IELTS Writing\",\"url\":\"https:\\\/\\\/research-says.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\\\/\\\/research-says.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/research-says.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/cropped-cropped-plain-logo-e1772516744844.png\",\"contentUrl\":\"https:\\\/\\\/research-says.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/cropped-cropped-plain-logo-e1772516744844.png\",\"width\":150,\"height\":163,\"caption\":\"Compleat English\"},\"image\":{\"@id\":\"https:\\\/\\\/research-says.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/reliableeducationservices\\\/notifications\\\/\",\"https:\\\/\\\/x.com\\\/guveniliregitim\",\"https:\\\/\\\/www.instagram.com\\\/guveniliregitimhizmetleri\\\/\"]}]}<\/script>\n","yoast_head_json":{"title":"Brother and Sister: 8\u201310 Years - Language Education & Consultancy","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/research-says.com\/tr\/brother-and-sister-8-10-years\/","og_locale":"tr_TR","og_type":"article","og_title":"Brother and Sister: 8\u201310 Years - Language Education & Consultancy","og_description":"Fairy Tale Word Match Fairy Tale Word Match Click a word. Then click its correct meaning. Match all 12 pairs. Matches: 0\/12 Tries: 0 Choose a word to begin. Words Meanings Play Again","og_url":"https:\/\/research-says.com\/tr\/brother-and-sister-8-10-years\/","og_site_name":"Language Education & Consultancy","article_publisher":"https:\/\/www.facebook.com\/reliableeducationservices\/notifications\/","article_modified_time":"2026-07-16T16:10:33+00:00","og_image":[{"width":1000,"height":625,"url":"https:\/\/research-says.com\/wp-content\/uploads\/2019\/11\/cropped-cropped-cropped-cropped-Student-Teacher-B-W-resized-1.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_site":"@guveniliregitim","twitter_misc":{"Tahmini okuma s\u00fcresi":"1 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/research-says.com\/brother-and-sister-8-10-years\/","url":"https:\/\/research-says.com\/brother-and-sister-8-10-years\/","name":"Brother and Sister: 8\u201310 Years - Language Education & Consultancy","isPartOf":{"@id":"https:\/\/research-says.com\/#website"},"datePublished":"2026-07-16T15:43:48+00:00","dateModified":"2026-07-16T16:10:33+00:00","breadcrumb":{"@id":"https:\/\/research-says.com\/brother-and-sister-8-10-years\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/research-says.com\/brother-and-sister-8-10-years\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/research-says.com\/brother-and-sister-8-10-years\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/research-says.com\/"},{"@type":"ListItem","position":2,"name":"Brother and Sister: 8\u201310 Years"}]},{"@type":"WebSite","@id":"https:\/\/research-says.com\/#website","url":"https:\/\/research-says.com\/","name":"Dil E\u011fitimi ve Dan\u0131\u015fmanl\u0131k","description":"Daha Etkili Dil. Daha G\u00fc\u00e7l\u00fc \u0130leti\u015fim.","publisher":{"@id":"https:\/\/research-says.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/research-says.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":"Organization","@id":"https:\/\/research-says.com\/#organization","name":"Compleat English","alternateName":"IELTS Writing","url":"https:\/\/research-says.com\/","logo":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/research-says.com\/#\/schema\/logo\/image\/","url":"https:\/\/research-says.com\/wp-content\/uploads\/2026\/03\/cropped-cropped-plain-logo-e1772516744844.png","contentUrl":"https:\/\/research-says.com\/wp-content\/uploads\/2026\/03\/cropped-cropped-plain-logo-e1772516744844.png","width":150,"height":163,"caption":"Compleat English"},"image":{"@id":"https:\/\/research-says.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/reliableeducationservices\/notifications\/","https:\/\/x.com\/guveniliregitim","https:\/\/www.instagram.com\/guveniliregitimhizmetleri\/"]}]}},"_links":{"self":[{"href":"https:\/\/research-says.com\/tr\/wp-json\/wp\/v2\/pages\/13061","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/research-says.com\/tr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/research-says.com\/tr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/research-says.com\/tr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/research-says.com\/tr\/wp-json\/wp\/v2\/comments?post=13061"}],"version-history":[{"count":4,"href":"https:\/\/research-says.com\/tr\/wp-json\/wp\/v2\/pages\/13061\/revisions"}],"predecessor-version":[{"id":13075,"href":"https:\/\/research-says.com\/tr\/wp-json\/wp\/v2\/pages\/13061\/revisions\/13075"}],"wp:attachment":[{"href":"https:\/\/research-says.com\/tr\/wp-json\/wp\/v2\/media?parent=13061"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}