Posta: Cancha de Boca<\/title>\r\n <style>\r\n body {\r\n font-family: Arial, sans-serif;\r\n text-align: center;\r\n position: relative;\r\n height: 100vh;\r\n margin: 0;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n }\r\n .posta-container {\r\n width: 90%;\r\n max-width: 400px;\r\n margin: 0 auto;\r\n position: relative;\r\n }\r\n .posta-container input[type=\"text\"], .posta-container button {\r\n width: 100%;\r\n border-radius: 10px;\r\n padding: 10px 20px;\r\n margin: 10px 0;\r\n box-sizing: border-box;\r\n }\r\n .posta-container input[type=\"text\"] {\r\n border: 1px solid #ccc;\r\n }\r\n .posta-container button {\r\n background-color: #FF5100;\r\n color: white;\r\n border: none;\r\n cursor: pointer;\r\n margin-top: 10px;\r\n }\r\n .mensaje {\r\n color: red;\r\n visibility: hidden;\r\n position: absolute;\r\n top: calc(100% + 10px);\r\n left: 50%;\r\n transform: translateX(-50%);\r\n margin: 0;\r\n }\r\n .mensaje-pista {\r\n font-size: 16px;\r\n }\r\n .animacion-correcta, .animacion-incorrecta {\r\n position: fixed;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n visibility: hidden;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"posta-container\">\r\n <input type=\"text\" id=\"respuesta\" placeholder=\"Escriba aqu\u00ed su respuesta\">\r\n <button onclick=\"verificarRespuesta()\">Responder<\/button>\r\n\r\n <p id=\"mensajePista\" class=\"mensaje mensaje-pista\"><\/p>\r\n <p id=\"mensajeAyuda\" class=\"mensaje\">\u00bfNecesitan ayuda?<\/p>\r\n<\/div>\r\n\r\n<img decoding=\"async\" id=\"animacionCorrecta\" class=\"animacion-correcta\" src=\"https:\/\/prueba.exploragame.com.ar\/wp-content\/uploads\/2024\/06\/Titulo-4.gif\" alt=\"Respuesta correcta\">\r\n<img decoding=\"async\" id=\"animacionIncorrecta\" class=\"animacion-incorrecta\" src=\"https:\/\/prueba.exploragame.com.ar\/wp-content\/uploads\/2024\/06\/Titulo.gif\" alt=\"Respuesta incorrecta\">\r\n\r\n<audio id=\"correctoAudio\" src=\"https:\/\/prueba.exploragame.com.ar\/wp-content\/uploads\/2024\/06\/Correct-Answer-Sound-Effect-DeeChannel-mp3cut.net_.mp3\"><\/audio>\r\n<audio id=\"incorrectoAudio\" src=\"https:\/\/prueba.exploragame.com.ar\/wp-content\/uploads\/2024\/06\/INCORRECT-mp3cut.net_.mp3\"><\/audio>\r\n\r\n<script>\r\nvar respuestaCorrecta = 135; \/\/ Respuesta correcta principal\r\nvar rangoValido = { min: 120, max: 160 }; \/\/ Rango de respuestas v\u00e1lidas\r\nvar intentos = 0;\r\n\r\nfunction verificarRespuesta() {\r\n var respuestaUsuario = parseFloat(document.getElementById(\"respuesta\").value.trim());\r\n \r\n \/\/ ID de la posta NO OLVIDAR CAMBIAR\r\n var postaId = \"inundacion\"; \r\n \r\n if (!isNaN(respuestaUsuario) && respuestaUsuario >= rangoValido.min && respuestaUsuario <= rangoValido.max) {\r\n reproducirSonido(\"correctoAudio\");\r\n mostrarAnimacionCorrecta();\r\n\r\n \/\/ Informar al mapa que la posta est\u00e1 completada\r\n informarMapa(postaId);\r\n\r\n \/\/ Redirigir a la URL especificada despu\u00e9s de 2 segundos\r\n setTimeout(function() {\r\n window.location.href = \"https:\/\/play.exploragame.com.ar\/index.php\/mapa-postas-la-boca-20-julio\/\";\r\n }, 2000); \/\/ Redirigir despu\u00e9s de 2 segundos\r\n } else {\r\n reproducirSonido(\"incorrectoAudio\");\r\n mostrarAnimacionIncorrecta();\r\n intentos++;\r\n\r\n if (intentos === 1) {\r\n mostrarPista();\r\n } else if (intentos === 2) {\r\n mostrarMensajeAyuda();\r\n ocultarPista();\r\n }\r\n }\r\n\r\n \/\/ Limpiar el campo de respuesta\r\n document.getElementById(\"respuesta\").value = \"\";\r\n}\r\n\r\nfunction reproducirSonido(idAudio) {\r\n var audio = document.getElementById(idAudio);\r\n audio.play();\r\n}\r\n\r\nfunction mostrarAnimacionCorrecta() {\r\n var animacion = document.getElementById(\"animacionCorrecta\");\r\n animacion.style.visibility = \"visible\";\r\n setTimeout(function() {\r\n animacion.style.visibility = \"hidden\";\r\n }, 3000); \/\/ Mostrar la animaci\u00f3n durante 3 segundos\r\n}\r\n\r\nfunction mostrarAnimacionIncorrecta() {\r\n var animacion = document.getElementById(\"animacionIncorrecta\");\r\n animacion.style.visibility = \"visible\";\r\n setTimeout(function() {\r\n animacion.style.visibility = \"hidden\";\r\n }, 2000); \/\/ Mostrar la animaci\u00f3n durante 2 segundos\r\n}\r\n\r\nfunction mostrarPista() {\r\n var pista = document.getElementById(\"mensajePista\");\r\n pista.style.visibility = \"visible\";\r\n}\r\n\r\nfunction ocultarPista() {\r\n var pista = document.getElementById(\"mensajePista\");\r\n pista.style.visibility = \"hidden\";\r\n}\r\n\r\nfunction mostrarMensajeAyuda() {\r\n var mensaje = document.getElementById(\"mensajeAyuda\");\r\n mensaje.style.visibility = \"visible\";\r\n}\r\n\r\nfunction informarMapa(postaId) {\r\n var parentWindow = window.opener;\r\n\r\n if (parentWindow) {\r\n parentWindow.postMessage({ postaId: postaId }, '*');\r\n } else {\r\n console.error('No se puede encontrar la ventana principal (mapa).');\r\n }\r\n}\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\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>A tomar medidas Ahora tendr\u00e1n que medir cual fue la altura aproximada que lleg\u00f3 el agua en aquella foto. Para logarlo tendran que usar sus manos tomando de referencia la imagen de abajo y completar en centimetros la altura aproximada que lleg\u00f3 el agua desde la calle. Posta: Cancha de Boca Responder \u00bfNecesitan ayuda?<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"wf_page_folders":[13],"class_list":["post-6746","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/play.exploragame.com.ar\/index.php\/wp-json\/wp\/v2\/pages\/6746","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/play.exploragame.com.ar\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/play.exploragame.com.ar\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/play.exploragame.com.ar\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/play.exploragame.com.ar\/index.php\/wp-json\/wp\/v2\/comments?post=6746"}],"version-history":[{"count":31,"href":"https:\/\/play.exploragame.com.ar\/index.php\/wp-json\/wp\/v2\/pages\/6746\/revisions"}],"predecessor-version":[{"id":6825,"href":"https:\/\/play.exploragame.com.ar\/index.php\/wp-json\/wp\/v2\/pages\/6746\/revisions\/6825"}],"wp:attachment":[{"href":"https:\/\/play.exploragame.com.ar\/index.php\/wp-json\/wp\/v2\/media?parent=6746"}],"wp:term":[{"taxonomy":"wf_page_folders","embeddable":true,"href":"https:\/\/play.exploragame.com.ar\/index.php\/wp-json\/wp\/v2\/wf_page_folders?post=6746"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}