Prueba de Pregunta<\/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 }\r\n input[type=\"text\"], button {\r\n border-radius: 10px; \/* Bordes redondeados *\/\r\n padding: 10px 20px; \/* Espacio interno *\/\r\n margin: 10px; \/* Margen externo *\/\r\n }\r\n input[type=\"text\"] {\r\n border: 1px solid #ccc; \/* L\u00ednea suave *\/\r\n }\r\n button {\r\n background-color: #FF5100; \/* Color de fondo FF5100 *\/\r\n color: white; \/* Color del texto blanco *\/\r\n border: none; \/* Sin bordes *\/\r\n cursor: pointer; \/* Cambio de cursor al pasar el rat\u00f3n *\/\r\n }\r\n .mensaje {\r\n color: red;\r\n visibility: hidden;\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<h1>\u00a1Bienvenido a la Prueba!<\/h1>\r\n<p id=\"pregunta\"><\/p>\r\n<input type=\"text\" id=\"respuesta\" placeholder=\"Escriba aqu\u00ed su respuesta\"> \r\n<button onclick=\"verificarRespuesta()\">Responder<\/button>\r\n<p id=\"mensaje\" class=\"mensaje\"> \u00bfLos ayudo? Pueden pedir pistas por el chat.<\/p>\r\n\r\n<img decoding=\"async\" id=\"animacionCorrecta\" class=\"animacion-correcta\" src=\"https:\/\/play.exploragame.com.ar\/wp-content\/uploads\/2024\/06\/Titulo-1.gif\" alt=\"Respuesta correcta\">\r\n<img decoding=\"async\" id=\"animacionIncorrecta\" class=\"animacion-incorrecta\" src=\"https:\/\/play.exploragame.com.ar\/wp-content\/uploads\/2024\/06\/Titulo.gif\" alt=\"Respuesta incorrecta\">\r\n\r\n<audio id=\"correctoAudio\" src=\"https:\/\/play.exploragame.com.ar\/wp-content\/uploads\/2024\/06\/Correct-Answer-Sound-Effect-DeeChannel-mp3cut.net_.mp3\"><\/audio>\r\n<audio id=\"incorrectoAudio\" src=\"https:\/\/play.exploragame.com.ar\/wp-content\/uploads\/2024\/06\/INCORRECT-mp3cut.net_.mp3\"><\/audio>\r\n\r\n<script>\r\nvar pregunta = \"\"; \r\n\r\n\/\/ Definir la pregunta\r\nvar respuestasCorrectas = [\"Inglaterra\", \"inglaterra\"]; \/\/ Definir las respuestas correctas en un arreglo\r\nvar intentosIncorrectos = 0; \/\/ Contador de intentos incorrectos\r\n\r\ndocument.getElementById(\"pregunta\").innerText = pregunta;\r\n\r\nfunction verificarRespuesta() {\r\n var respuestaUsuario = document.getElementById(\"respuesta\").value.toLowerCase();\r\n\r\n \/\/ Eliminar tildes de la respuesta del usuario y de las respuestas correctas\r\n respuestaUsuario = respuestaUsuario.normalize(\"NFD\").replace(\/[\\u0300-\\u036f]\/g, \"\");\r\n var respuestasCorrectasNormalizadas = respuestasCorrectas.map(function(respuesta) {\r\n return respuesta.toLowerCase().normalize(\"NFD\").replace(\/[\\u0300-\\u036f]\/g, \"\");\r\n });\r\n\r\n \/\/ Verificar si la respuesta del usuario coincide con alguna de las respuestas correctas\r\n var respuestaCorrecta = respuestasCorrectasNormalizadas.find(function(respuesta) {\r\n return respuesta === respuestaUsuario;\r\n });\r\n\r\n if (respuestaCorrecta) {\r\n reproducirSonido(\"correctoAudio\");\r\n mostrarAnimacionCorrecta();\r\n setTimeout(function() {\r\n window.location.href = \"https:\/\/play.exploragame.com.ar\/index.php\/la-boca-2-2-2\/\";\r\n }, 2000);\r\n } else {\r\n intentosIncorrectos++;\r\n reproducirSonido(\"incorrectoAudio\");\r\n mostrarAnimacionIncorrecta();\r\n if (intentosIncorrectos >= 2) {\r\n document.getElementById(\"mensaje\").style.visibility = \"visible\";\r\n }\r\n }\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); \/\/ Asume que el GIF dura 3 segundos, ajusta este tiempo seg\u00fan sea necesario\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); \/\/ Asume que el GIF dura 2 segundos, ajusta este tiempo seg\u00fan sea necesario\r\n}\r\n<\/script>\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>Prueba de Pregunta \u00a1Bienvenido a la Prueba! Responder \u00bfLos ayudo? Pueden pedir pistas por el chat.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"wf_page_folders":[],"class_list":["post-5247","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/play.exploragame.com.ar\/index.php\/wp-json\/wp\/v2\/pages\/5247","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=5247"}],"version-history":[{"count":74,"href":"https:\/\/play.exploragame.com.ar\/index.php\/wp-json\/wp\/v2\/pages\/5247\/revisions"}],"predecessor-version":[{"id":5339,"href":"https:\/\/play.exploragame.com.ar\/index.php\/wp-json\/wp\/v2\/pages\/5247\/revisions\/5339"}],"wp:attachment":[{"href":"https:\/\/play.exploragame.com.ar\/index.php\/wp-json\/wp\/v2\/media?parent=5247"}],"wp:term":[{"taxonomy":"wf_page_folders","embeddable":true,"href":"https:\/\/play.exploragame.com.ar\/index.php\/wp-json\/wp\/v2\/wf_page_folders?post=5247"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\r\n\r\n\r\n\r\n\r\nPrueba de Pregunta<\/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 }\r\n input[type=\"text\"], button {\r\n border-radius: 10px; \/* Bordes redondeados *\/\r\n padding: 10px 20px; \/* Espacio interno *\/\r\n margin: 10px; \/* Margen externo *\/\r\n }\r\n input[type=\"text\"] {\r\n border: 1px solid #ccc; \/* L\u00ednea suave *\/\r\n }\r\n button {\r\n background-color: #FF5100; \/* Color de fondo FF5100 *\/\r\n color: white; \/* Color del texto blanco *\/\r\n border: none; \/* Sin bordes *\/\r\n cursor: pointer; \/* Cambio de cursor al pasar el rat\u00f3n *\/\r\n }\r\n .mensaje {\r\n color: red;\r\n visibility: hidden;\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<h1>\u00a1Bienvenido a la Prueba!<\/h1>\r\n<p id=\"pregunta\"><\/p>\r\n<input type=\"text\" id=\"respuesta\" placeholder=\"Escriba aqu\u00ed su respuesta\"> \r\n<button onclick=\"verificarRespuesta()\">Responder<\/button>\r\n<p id=\"mensaje\" class=\"mensaje\"> \u00bfLos ayudo? Pueden pedir pistas por el chat.<\/p>\r\n\r\n<img decoding=\"async\" id=\"animacionCorrecta\" class=\"animacion-correcta\" src=\"https:\/\/play.exploragame.com.ar\/wp-content\/uploads\/2024\/06\/Titulo-1.gif\" alt=\"Respuesta correcta\">\r\n<img decoding=\"async\" id=\"animacionIncorrecta\" class=\"animacion-incorrecta\" src=\"https:\/\/play.exploragame.com.ar\/wp-content\/uploads\/2024\/06\/Titulo.gif\" alt=\"Respuesta incorrecta\">\r\n\r\n<audio id=\"correctoAudio\" src=\"https:\/\/play.exploragame.com.ar\/wp-content\/uploads\/2024\/06\/Correct-Answer-Sound-Effect-DeeChannel-mp3cut.net_.mp3\"><\/audio>\r\n<audio id=\"incorrectoAudio\" src=\"https:\/\/play.exploragame.com.ar\/wp-content\/uploads\/2024\/06\/INCORRECT-mp3cut.net_.mp3\"><\/audio>\r\n\r\n<script>\r\nvar pregunta = \"\"; \r\n\r\n\/\/ Definir la pregunta\r\nvar respuestasCorrectas = [\"Inglaterra\", \"inglaterra\"]; \/\/ Definir las respuestas correctas en un arreglo\r\nvar intentosIncorrectos = 0; \/\/ Contador de intentos incorrectos\r\n\r\ndocument.getElementById(\"pregunta\").innerText = pregunta;\r\n\r\nfunction verificarRespuesta() {\r\n var respuestaUsuario = document.getElementById(\"respuesta\").value.toLowerCase();\r\n\r\n \/\/ Eliminar tildes de la respuesta del usuario y de las respuestas correctas\r\n respuestaUsuario = respuestaUsuario.normalize(\"NFD\").replace(\/[\\u0300-\\u036f]\/g, \"\");\r\n var respuestasCorrectasNormalizadas = respuestasCorrectas.map(function(respuesta) {\r\n return respuesta.toLowerCase().normalize(\"NFD\").replace(\/[\\u0300-\\u036f]\/g, \"\");\r\n });\r\n\r\n \/\/ Verificar si la respuesta del usuario coincide con alguna de las respuestas correctas\r\n var respuestaCorrecta = respuestasCorrectasNormalizadas.find(function(respuesta) {\r\n return respuesta === respuestaUsuario;\r\n });\r\n\r\n if (respuestaCorrecta) {\r\n reproducirSonido(\"correctoAudio\");\r\n mostrarAnimacionCorrecta();\r\n setTimeout(function() {\r\n window.location.href = \"https:\/\/play.exploragame.com.ar\/index.php\/la-boca-2-2-2\/\";\r\n }, 2000);\r\n } else {\r\n intentosIncorrectos++;\r\n reproducirSonido(\"incorrectoAudio\");\r\n mostrarAnimacionIncorrecta();\r\n if (intentosIncorrectos >= 2) {\r\n document.getElementById(\"mensaje\").style.visibility = \"visible\";\r\n }\r\n }\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); \/\/ Asume que el GIF dura 3 segundos, ajusta este tiempo seg\u00fan sea necesario\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); \/\/ Asume que el GIF dura 2 segundos, ajusta este tiempo seg\u00fan sea necesario\r\n}\r\n<\/script>\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>Prueba de Pregunta \u00a1Bienvenido a la Prueba! Responder \u00bfLos ayudo? Pueden pedir pistas por el chat.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"wf_page_folders":[],"class_list":["post-5247","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/play.exploragame.com.ar\/index.php\/wp-json\/wp\/v2\/pages\/5247","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=5247"}],"version-history":[{"count":74,"href":"https:\/\/play.exploragame.com.ar\/index.php\/wp-json\/wp\/v2\/pages\/5247\/revisions"}],"predecessor-version":[{"id":5339,"href":"https:\/\/play.exploragame.com.ar\/index.php\/wp-json\/wp\/v2\/pages\/5247\/revisions\/5339"}],"wp:attachment":[{"href":"https:\/\/play.exploragame.com.ar\/index.php\/wp-json\/wp\/v2\/media?parent=5247"}],"wp:term":[{"taxonomy":"wf_page_folders","embeddable":true,"href":"https:\/\/play.exploragame.com.ar\/index.php\/wp-json\/wp\/v2\/wf_page_folders?post=5247"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}