{"id":599,"date":"2025-03-02T21:10:59","date_gmt":"2025-03-03T03:10:59","guid":{"rendered":"https:\/\/onetopsites.com\/?page_id=599"},"modified":"2025-03-03T01:16:06","modified_gmt":"2025-03-03T07:16:06","slug":"charlie-charlie","status":"publish","type":"page","link":"https:\/\/onetopsites.com\/index.php\/charlie-charlie\/","title":{"rendered":"Charlie Charlie"},"content":{"rendered":"

[et_pb_section fb_built=\u00bb1″ theme_builder_area=\u00bbpost_content\u00bb _builder_version=\u00bb4.27.4″ _module_preset=\u00bbdefault\u00bb custom_padding=\u00bb51px||58px|||\u00bb][et_pb_row _builder_version=\u00bb4.27.4″ _module_preset=\u00bbdefault\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_column _builder_version=\u00bb4.27.4″ _module_preset=\u00bbdefault\u00bb type=\u00bb4_4″ theme_builder_area=\u00bbpost_content\u00bb][et_pb_code _builder_version=\u00bb4.27.4″ _module_preset=\u00bbdefault\u00bb theme_builder_area=\u00bbpost_content\u00bb hover_enabled=\u00bb0″ sticky_enabled=\u00bb0″] Charlie Charlie<\/title><!-- [et_pb_line_break_holder] --> <\/p>\n<style><!-- [et_pb_line_break_holder] --> \/* Estilos generales *\/<!-- [et_pb_line_break_holder] --> body {<!-- [et_pb_line_break_holder] --> font-family: Arial, sans-serif;<!-- [et_pb_line_break_holder] --> background-color: #f4f4f4;<!-- [et_pb_line_break_holder] --> margin: 0;<!-- [et_pb_line_break_holder] --> padding: 0;<!-- [et_pb_line_break_holder] --> display: flex;<!-- [et_pb_line_break_holder] --> justify-content: center;<!-- [et_pb_line_break_holder] --> align-items: center;<!-- [et_pb_line_break_holder] --> height: 100vh;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .charlie-container {<!-- [et_pb_line_break_holder] --> background-color: #fff;<!-- [et_pb_line_break_holder] --> padding: 20px;<!-- [et_pb_line_break_holder] --> border-radius: 10px;<!-- [et_pb_line_break_holder] --> box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);<!-- [et_pb_line_break_holder] --> max-width: 400px;<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> text-align: center;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> h1 {<!-- [et_pb_line_break_holder] --> font-size: 24px;<!-- [et_pb_line_break_holder] --> color: #333;<!-- [et_pb_line_break_holder] --> margin-bottom: 20px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> input[type=\"text\"] {<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> padding: 10px;<!-- [et_pb_line_break_holder] --> margin-bottom: 15px;<!-- [et_pb_line_break_holder] --> border: 1px solid #ccc;<!-- [et_pb_line_break_holder] --> border-radius: 5px;<!-- [et_pb_line_break_holder] --> font-size: 16px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> button {<!-- [et_pb_line_break_holder] --> background-color: #007bff;<!-- [et_pb_line_break_holder] --> color: #fff;<!-- [et_pb_line_break_holder] --> border: none;<!-- [et_pb_line_break_holder] --> padding: 10px 20px;<!-- [et_pb_line_break_holder] --> border-radius: 5px;<!-- [et_pb_line_break_holder] --> font-size: 16px;<!-- [et_pb_line_break_holder] --> cursor: pointer;<!-- [et_pb_line_break_holder] --> transition: background-color 0.3s ease;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> button:hover {<!-- [et_pb_line_break_holder] --> background-color: #0056b3;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .hidden {<!-- [et_pb_line_break_holder] --> display: none;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .response {<!-- [et_pb_line_break_holder] --> margin-top: 20px;<!-- [et_pb_line_break_holder] --> font-size: 18px;<!-- [et_pb_line_break_holder] --> color: #333;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <\/style>\n<p><!-- [et_pb_line_break_holder] --><\/head><!-- [et_pb_line_break_holder] --><body><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"charlie-container\"><!-- [et_pb_line_break_holder] --> <\/p>\n<h1>Charlie Charlie<\/h1>\n<p><!-- [et_pb_line_break_holder] --> <input type=\"text\" id=\"respuesta-oculta\" placeholder=\"Escribe tu respuesta oculta (usa un punto . al inicio)\"><!-- [et_pb_line_break_holder] --> <input type=\"text\" id=\"pregunta-visible\" placeholder=\"Escribe tu pregunta\"><!-- [et_pb_line_break_holder] --> <button id=\"charlie-boton\">Charlie, por favor responde<\/button><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"response hidden\" id=\"respuesta-final\"><!-- [et_pb_line_break_holder] --> <strong>Charlie dice:<\/strong> <span id=\"respuesta-texto\"><\/span><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <script><!-- [et_pb_line_break_holder] --> document.addEventListener('DOMContentLoaded', function() {<!-- [et_pb_line_break_holder] --> const respuestaInput = document.getElementById('respuesta-oculta');<!-- [et_pb_line_break_holder] --> const preguntaInput = document.getElementById('pregunta-visible');<!-- [et_pb_line_break_holder] --> const boton = document.getElementById('charlie-boton');<!-- [et_pb_line_break_holder] --> const respuestaFinal = document.getElementById('respuesta-texto');<!-- [et_pb_line_break_holder] --> const responseDiv = document.getElementById('respuesta-final');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> respuestaInput.addEventListener('input', function() {<!-- [et_pb_line_break_holder] --> if (respuestaInput.value.startsWith('.')) {<!-- [et_pb_line_break_holder] --> respuestaInput.value = respuestaInput.value.replace(\/\\.\/g, 'Charlie, por favor responde');<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> boton.addEventListener('click', function() {<!-- [et_pb_line_break_holder] --> const respuestaOculta = respuestaInput.value.replace(\/Charlie, por favor responde\/g, '');<!-- [et_pb_line_break_holder] --> respuestaFinal.textContent = respuestaOculta;<!-- [et_pb_line_break_holder] --> responseDiv.classList.remove('hidden');<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> <\/script><!-- [et_pb_line_break_holder] --><\/body><!-- [et_pb_line_break_holder] --><\/html>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-599","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/onetopsites.com\/index.php\/wp-json\/wp\/v2\/pages\/599","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/onetopsites.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/onetopsites.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/onetopsites.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/onetopsites.com\/index.php\/wp-json\/wp\/v2\/comments?post=599"}],"version-history":[{"count":8,"href":"https:\/\/onetopsites.com\/index.php\/wp-json\/wp\/v2\/pages\/599\/revisions"}],"predecessor-version":[{"id":610,"href":"https:\/\/onetopsites.com\/index.php\/wp-json\/wp\/v2\/pages\/599\/revisions\/610"}],"wp:attachment":[{"href":"https:\/\/onetopsites.com\/index.php\/wp-json\/wp\/v2\/media?parent=599"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}