Jogo da Mem\u00f3ria<\/title>\r\n<style>\r\n .card {\r\n width: 70px;\r\n height: 70px;\r\n background-color: \"blue;\"\r\n border: 2px solid #20e856;\r\n display: inline-block;\r\n margin: 5px;\r\n text-align: center;\r\n line-height: 80px;\r\n font-size: 32px;\r\n cursor: pointer;\r\n }\r\n\r\n .flipped {\r\n background-color: #3b3bf5;\r\n color: #ffffff;\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div id=\"game\"><\/div>\r\n<div>\r\n <p>Tempo: <span id=\"time\">0<\/span> segundos<\/p>\r\n <p>Movimentos m\u00ednimos: <span id=\"minMoves\">16<\/span><\/p>\r\n <p>Movimentos feitos: <span id=\"moves\">0<\/span><\/p>\r\n<\/div>\r\n\r\n<script>\r\n var cards = [];\r\n var flippedCards = [];\r\n var moves = 0;\r\n var matchedPairs = 0;\r\n var time = 0;\r\n var timer;\r\n var minMoves = 16;\r\n\r\n function initGame() {\r\n for (var i = 1; i <= 8; i++) {\r\n cards.push(i);\r\n cards.push(i);\r\n }\r\n shuffle(cards);\r\n renderCards();\r\n timer = setInterval(updateTime, 1000);\r\n }\r\n\r\n function renderCards() {\r\n var gameContainer = document.getElementById('game');\r\n for (var i = 0; i < cards.length; i++) {\r\n var card = document.createElement('div');\r\n card.classList.add('card');\r\n card.dataset.value = cards[i];\r\n card.textContent = '?'; \/\/ N\u00famero oculto\r\n gameContainer.appendChild(card);\r\n }\r\n }\r\n\r\n function flipCard() {\r\n if (flippedCards.length < 2 && !this.classList.contains('flipped')) {\r\n this.classList.add('flipped');\r\n this.textContent = this.dataset.value; \/\/ Exibir o n\u00famero\r\n flippedCards.push(this);\r\n if (flippedCards.length === 2) {\r\n setTimeout(checkMatch, 1000);\r\n }\r\n moves++;\r\n document.getElementById('moves').textContent = moves;\r\n }\r\n }\r\n\r\n function checkMatch() {\r\n var value1 = flippedCards[0].dataset.value;\r\n var value2 = flippedCards[1].dataset.value;\r\n if (value1 === value2) {\r\n matchedPairs++;\r\n if (matchedPairs === 8) {\r\n clearInterval(timer);\r\n alert('Parab\u00e9ns! Voc\u00ea ganhou em ' + time + ' segundos com ' + moves + ' movimentos!');\r\n }\r\n } else {\r\n flippedCards[0].classList.remove('flipped');\r\n flippedCards[1].classList.remove('flipped');\r\n flippedCards[0].textContent = '?'; \/\/ Ocultar o n\u00famero\r\n flippedCards[1].textContent = '?'; \/\/ Ocultar o n\u00famero\r\n }\r\n flippedCards = [];\r\n }\r\n\r\n function updateTime() {\r\n time++;\r\n document.getElementById('time').textContent = time;\r\n }\r\n\r\n function shuffle(array) {\r\n for (var i = array.length - 1; i > 0; i--) {\r\n var j = Math.floor(Math.random() * (i + 1));\r\n var temp = array[i];\r\n array[i] = array[j];\r\n array[j] = temp;\r\n }\r\n }\r\n\r\n window.onload = function() {\r\n initGame();\r\n document.querySelectorAll('.card').forEach(function(card) {\r\n card.addEventListener('click', flipCard);\r\n });\r\n \r\n };\r\n<\/script>\r\n<input type=\"button\" value=\"Reiniciar\" onClick=\"window.location.reload()\">\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Jogo da Mem\u00f3ria Tempo: 0 segundos Movimentos m\u00ednimos: 16 Movimentos feitos: 0<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1073","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/matematicasaomiguel.com.br\/index.php?rest_route=\/wp\/v2\/pages\/1073","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/matematicasaomiguel.com.br\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/matematicasaomiguel.com.br\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/matematicasaomiguel.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/matematicasaomiguel.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1073"}],"version-history":[{"count":616,"href":"https:\/\/matematicasaomiguel.com.br\/index.php?rest_route=\/wp\/v2\/pages\/1073\/revisions"}],"predecessor-version":[{"id":5479,"href":"https:\/\/matematicasaomiguel.com.br\/index.php?rest_route=\/wp\/v2\/pages\/1073\/revisions\/5479"}],"wp:attachment":[{"href":"https:\/\/matematicasaomiguel.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1073"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nJogo da Mem\u00f3ria<\/title>\r\n<style>\r\n .card {\r\n width: 70px;\r\n height: 70px;\r\n background-color: \"blue;\"\r\n border: 2px solid #20e856;\r\n display: inline-block;\r\n margin: 5px;\r\n text-align: center;\r\n line-height: 80px;\r\n font-size: 32px;\r\n cursor: pointer;\r\n }\r\n\r\n .flipped {\r\n background-color: #3b3bf5;\r\n color: #ffffff;\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div id=\"game\"><\/div>\r\n<div>\r\n <p>Tempo: <span id=\"time\">0<\/span> segundos<\/p>\r\n <p>Movimentos m\u00ednimos: <span id=\"minMoves\">16<\/span><\/p>\r\n <p>Movimentos feitos: <span id=\"moves\">0<\/span><\/p>\r\n<\/div>\r\n\r\n<script>\r\n var cards = [];\r\n var flippedCards = [];\r\n var moves = 0;\r\n var matchedPairs = 0;\r\n var time = 0;\r\n var timer;\r\n var minMoves = 16;\r\n\r\n function initGame() {\r\n for (var i = 1; i <= 8; i++) {\r\n cards.push(i);\r\n cards.push(i);\r\n }\r\n shuffle(cards);\r\n renderCards();\r\n timer = setInterval(updateTime, 1000);\r\n }\r\n\r\n function renderCards() {\r\n var gameContainer = document.getElementById('game');\r\n for (var i = 0; i < cards.length; i++) {\r\n var card = document.createElement('div');\r\n card.classList.add('card');\r\n card.dataset.value = cards[i];\r\n card.textContent = '?'; \/\/ N\u00famero oculto\r\n gameContainer.appendChild(card);\r\n }\r\n }\r\n\r\n function flipCard() {\r\n if (flippedCards.length < 2 && !this.classList.contains('flipped')) {\r\n this.classList.add('flipped');\r\n this.textContent = this.dataset.value; \/\/ Exibir o n\u00famero\r\n flippedCards.push(this);\r\n if (flippedCards.length === 2) {\r\n setTimeout(checkMatch, 1000);\r\n }\r\n moves++;\r\n document.getElementById('moves').textContent = moves;\r\n }\r\n }\r\n\r\n function checkMatch() {\r\n var value1 = flippedCards[0].dataset.value;\r\n var value2 = flippedCards[1].dataset.value;\r\n if (value1 === value2) {\r\n matchedPairs++;\r\n if (matchedPairs === 8) {\r\n clearInterval(timer);\r\n alert('Parab\u00e9ns! Voc\u00ea ganhou em ' + time + ' segundos com ' + moves + ' movimentos!');\r\n }\r\n } else {\r\n flippedCards[0].classList.remove('flipped');\r\n flippedCards[1].classList.remove('flipped');\r\n flippedCards[0].textContent = '?'; \/\/ Ocultar o n\u00famero\r\n flippedCards[1].textContent = '?'; \/\/ Ocultar o n\u00famero\r\n }\r\n flippedCards = [];\r\n }\r\n\r\n function updateTime() {\r\n time++;\r\n document.getElementById('time').textContent = time;\r\n }\r\n\r\n function shuffle(array) {\r\n for (var i = array.length - 1; i > 0; i--) {\r\n var j = Math.floor(Math.random() * (i + 1));\r\n var temp = array[i];\r\n array[i] = array[j];\r\n array[j] = temp;\r\n }\r\n }\r\n\r\n window.onload = function() {\r\n initGame();\r\n document.querySelectorAll('.card').forEach(function(card) {\r\n card.addEventListener('click', flipCard);\r\n });\r\n \r\n };\r\n<\/script>\r\n<input type=\"button\" value=\"Reiniciar\" onClick=\"window.location.reload()\">\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Jogo da Mem\u00f3ria Tempo: 0 segundos Movimentos m\u00ednimos: 16 Movimentos feitos: 0<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1073","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/matematicasaomiguel.com.br\/index.php?rest_route=\/wp\/v2\/pages\/1073","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/matematicasaomiguel.com.br\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/matematicasaomiguel.com.br\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/matematicasaomiguel.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/matematicasaomiguel.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1073"}],"version-history":[{"count":616,"href":"https:\/\/matematicasaomiguel.com.br\/index.php?rest_route=\/wp\/v2\/pages\/1073\/revisions"}],"predecessor-version":[{"id":5479,"href":"https:\/\/matematicasaomiguel.com.br\/index.php?rest_route=\/wp\/v2\/pages\/1073\/revisions\/5479"}],"wp:attachment":[{"href":"https:\/\/matematicasaomiguel.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1073"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}