{"id":4151,"date":"2024-09-04T17:25:01","date_gmt":"2024-09-04T20:25:01","guid":{"rendered":"https:\/\/matematicasaomiguel.com.br\/?page_id=4151"},"modified":"2024-10-20T19:27:36","modified_gmt":"2024-10-20T22:27:36","slug":"quimica","status":"publish","type":"page","link":"https:\/\/matematicasaomiguel.com.br\/?page_id=4151","title":{"rendered":"Elementos qu\u00edmicos"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n\nJogo das palavras<\/title>\n\n<style>\n body {\n font-family: Arial, sans-serif;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100vh;\n background-color: #c6eb26;\n margin: 0;\n }\n\n .container {\n text-align: center;\n }\n\n #puzzle {\n display: grid;\n grid-template-columns: repeat(6, 60px);\n grid-gap: 5px;\n margin-bottom: 0px;\n }\n\n .piece {\n width: 60px;\n height: 60px;\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: #007bff;\n color: white;\n font-size: 18px;\n font-weight: bold;\n cursor: pointer;\n }\n\n #controls {\n margin-top: 0px;\n }\n\n #timer {\n margin-top: 1px;\n font-size: 18px;\n color: red;\n }\n\n .modal {\n display: none;\n position: fixed;\n z-index: 1;\n left: 0;\n top: 0;\n width: 80%;\n height: 80%;\n overflow: auto;\n background-color: rgb(0,0,0);\n background-color: rgba(0,0,0,0.4);\n justify-content: center;\n align-items: center;\n text-align: center;\n }\n\n .modal-content {\n background-color: #fefefe;\n margin: 5% auto;\n padding: 10px;\n border: 1px solid #888;\n width: 70%;\n max-width: 200px;\n }\n\n .close {\n color: #aaa;\n float: right;\n font-size: 18px;\n font-weight: bold;\n }\n\n .close:hover,\n .close:focus {\n color: black;\n text-decoration: none;\n cursor: pointer;\n }\n \n \n <\/style>\n<\/head> \n<body>\n \n<p>CALCIO, CHUMBO, NIOBIO, NIQUEL, ASTATO, SODIO<\/p>\n\n \n <a href=\"https:\/\/matematicasaomiguel.com.br\/\">\n\n <button>Retornar<\/button>\n\n <\/a>\n\n \n <div class=\"container\">\n <div id=\"puzzle\">\n <!-- As pe\u00e7as ser\u00e3o geradas dinamicamente pelo JavaScript -->\n <\/div>\n <div id=\"controls\">\n <button id=\"restartButton\">Reiniciar<\/button>\n <button id=\"rulesButton\">Regras do Jogo<\/button>\n <div id=\"timer\">Tempo: 260s<\/div>\n <\/div>\n <\/div>\n\n <div id=\"rulesModal\" class=\"modal\">\n <div class=\"modal-content\">\n <span class=\"close\">×<\/span>\n <h2>Regras do Jogo<\/h2>\n <p>1. Movimentar as letras entre o espa\u00e7o vazio at\u00e9 conseguir formar as palavras dentro do tempo.<\/p>\n <\/div>\n <\/div>\n\n <div id=\"gameOverModal\" class=\"modal\">\n <div class=\"modal-content\">\n <h2>Game Over<\/h2>\n <p>Voc\u00ea n\u00e3o conseguiu ordenar as palavras a tempo.<\/p>\n <button id=\"closeGameOverModal\">Fechar<\/button>\n <\/div>\n <\/div>\n <audio autoplay=\"autoplay\" controls=\"controls\">\n <source src=\"C:\\Users\\Jerson\\Downloads\\rocky-iii--eye-of-the-tiger--survivor.mp3\" type=\"audio\/mp3\" \/>\n seu navegador n\u00e3o suporta HTML5\n <\/audio>\n <script>\n const puzzleContainer = document.getElementById('puzzle');\n const timerElement = document.getElementById('timer');\n const restartButton = document.getElementById('restartButton');\n const rulesButton = document.getElementById('rulesButton');\n const rulesModal = document.getElementById('rulesModal');\n const closeRulesModal = document.getElementsByClassName('close')[0];\n const gameOverModal = document.getElementById('gameOverModal');\n const closeGameOverModal = document.getElementById('closeGameOverModal');\n\n let pieces = [];\n let emptyIndex;\n let timeLeft = 260;\n let timer;\n\n const words = ['CALCIO', 'CHUMBO', 'NIOBIO', 'NIQUEL', 'ASTATO', 'SODIO'];\n\n const createPieces = () => {\n pieces = words.join('').split('');\n pieces.push(''); \/\/ Adiciona um espa\u00e7o vazio\n shuffle(pieces);\n emptyIndex = pieces.indexOf('');\n renderPuzzle();\n };\n\n const shuffle = (array) => {\n for (let i = array.length - 1; i > 0; i--) {\n const j = Math.floor(Math.random() * (i + 1));\n [array[i], array[j]] = [array[j], array[i]];\n }\n };\n\n const renderPuzzle = () => {\n puzzleContainer.innerHTML = '';\n pieces.forEach((piece, index) => {\n const pieceElement = document.createElement('div');\n pieceElement.classList.add('piece');\n pieceElement.innerText = piece;\n if (piece === '') {\n pieceElement.style.visibility = 'hidden'; \/\/ Esconde o espa\u00e7o vazio\n }\n pieceElement.addEventListener('click', () => movePiece(index));\n puzzleContainer.appendChild(pieceElement);\n });\n };\n\n const movePiece = (index) => {\n if (canMove(index)) {\n [pieces[emptyIndex], pieces[index]] = [pieces[index], pieces[emptyIndex]];\n emptyIndex = index;\n renderPuzzle();\n\n if (isGameWon()) {\n clearInterval(timer);\n alert('Voc\u00ea venceu!');\n }\n }\n };\n\n const canMove = (index) => {\n const row = Math.floor(index \/ 6);\n const col = index % 6;\n const emptyRow = Math.floor(emptyIndex \/ 6);\n const emptyCol = emptyIndex % 6;\n\n return (Math.abs(row - emptyRow) + Math.abs(col - emptyCol)) === 1;\n };\n\n const isGameWon = () => {\n const currentString = pieces.join('');\n for (const word of words) {\n if (!currentString.includes(word)) return false;\n }\n return true;\n };\n\n const startTimer = () => {\n timer = setInterval(() => {\n timeLeft--;\n timerElement.innerText = `Tempo: ${timeLeft}s`;\n\n if (timeLeft <= 0) {\n clearInterval(timer);\n showGameOver();\n }\n }, 1000);\n };\n\n const showGameOver = () => {\n gameOverModal.style.display = 'block';\n };\n\n restartButton.addEventListener('click', () => {\n timeLeft = 260;\n timerElement.innerText = `Tempo: 260s`;\n clearInterval(timer);\n createPieces();\n startTimer();\n });\n\n rulesButton.addEventListener('click', () => {\n rulesModal.style.display = 'block';\n });\n\n closeRulesModal.addEventListener('click', () => {\n rulesModal.style.display = 'none';\n });\n\n closeGameOverModal.addEventListener('click', () => {\n gameOverModal.style.display = 'none';\n restartButton.click();\n });\n\n window.onclick = (event) => {\n if (event.target == rulesModal) {\n rulesModal.style.display = 'none';\n }\n };\n\n createPieces();\n startTimer();\n <\/script>\n <\/body>\n <\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\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 das palavras CALCIO, CHUMBO, NIOBIO, NIQUEL, ASTATO, SODIO Retornar Reiniciar Regras do Jogo Tempo: 260s × Regras do Jogo […]<\/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-4151","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/matematicasaomiguel.com.br\/index.php?rest_route=\/wp\/v2\/pages\/4151","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=4151"}],"version-history":[{"count":111,"href":"https:\/\/matematicasaomiguel.com.br\/index.php?rest_route=\/wp\/v2\/pages\/4151\/revisions"}],"predecessor-version":[{"id":5160,"href":"https:\/\/matematicasaomiguel.com.br\/index.php?rest_route=\/wp\/v2\/pages\/4151\/revisions\/5160"}],"wp:attachment":[{"href":"https:\/\/matematicasaomiguel.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4151"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}