{"id":390,"date":"2025-10-27T15:45:59","date_gmt":"2025-10-27T15:45:59","guid":{"rendered":"https:\/\/cuentoskecuentan.com\/?p=390"},"modified":"2025-10-27T19:40:22","modified_gmt":"2025-10-27T19:40:22","slug":"el-mensaje-que-no-se-borra","status":"publish","type":"post","link":"https:\/\/cuentoskecuentan.com\/?p=390","title":{"rendered":"El mensaje que no se borra"},"content":{"rendered":"\n

En la era digital, los mensajes y las pantallas forman parte del d\u00eda a d\u00eda de los ni\u00f1os. Sin embargo, a veces olvidamos que detr\u00e1s de cada pantalla hay una persona con sentimientos.<\/p>\n\n\n\n

El siguiente cuento, titulado \u201cEl mensaje que no se borra\u201d, nos invita a reflexionar sobre la importancia de pensar antes de escribir y de usar la tecnolog\u00eda con respeto y empat\u00eda.<\/p>\n\n\n\n

A trav\u00e9s de la historia de unos compa\u00f1eros de primaria, descubriremos c\u00f3mo un simple mensaje puede herir\u2026 o puede ayudar a construir una amistad m\u00e1s fuerte.<\/p>\n\n\n\n<\/iframe>\n\n\n\n<p>Si deseas jugar un Kahoot, da clic en este <a href=\"https:\/\/create.kahoot.it\/share\/el-mensaje-que-no-se-borra\/ce66759a-fb70-4375-ae98-65f8076a723a\">ENLACE.<\/a><\/p>\n\n\n\n<!doctype html>\n<html lang=\"es\">\n<head>\n <meta charset=\"utf-8\">\n <meta name=\"viewport\" content=\"width=device-width,initial-scale=1\">\n <title>Actividad: \u00bfEnviar o No Enviar?<\/title>\n <style>\n :root{--accent:#793d7a;--bg:#ffffff;--card:#f7f7fb;--text:#111}\n body{font-family: Arial, Helvetica, sans-serif;background:var(--bg);color:var(--text);margin:0;padding:20px;}\n .container{max-width:760px;margin:0 auto}\n header{display:flex;gap:12px;align-items:center}\n h1{font-size:1.6rem;margin:8px 0}\n p.lead{margin-top:0;color:#444}\n .card{background:var(--card);border-radius:12px;padding:16px;margin:14px 0;box-shadow:0 2px 6px rgba(0,0,0,0.05)}\n .message{padding:12px;border-radius:8px;border:1px dashed rgba(0,0,0,0.06);background:#fff}\n .controls{display:flex;gap:8px;align-items:center;margin-top:10px}\n button{background:var(--accent);color:#fff;border:none;padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:600}\n button.secondary{background:transparent;color:var(--accent);border:2px solid var(--accent)}\n .options{display:flex;gap:12px;align-items:center;margin-top:8px}\n label.option{display:flex;gap:8px;align-items:center;padding:8px 10px;border-radius:8px;background:#fff;border:1px solid #eee;cursor:pointer}\n input[type=\"radio\"]{width:16px;height:16px}\n .explanation{margin-top:8px;padding:10px;border-radius:8px;background:#fff;border-left:6px solid var(--accent);display:none}\n .result{margin-top:14px;padding:12px;border-radius:8px;background:#fff;font-weight:700}\n .correct{color:green}\n .wrong{color:red}\n footer{margin-top:18px;color:#666;font-size:0.95rem}\n @media (max-width:520px){body{padding:12px}}\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <header>\n <div style=\"width:48px;height:48px;border-radius:10px;background:var(--accent);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700\">KA<\/div>\n <div>\n <h1>Actividad: \u00bfEnviar o No Enviar?<\/h1>\n <p class=\"lead\">Lee cada mensaje y decide si deber\u00edas enviarlo. Luego presiona <strong>Revisar<\/strong> para ver la explicaci\u00f3n.<\/p>\n <\/div>\n <\/header>\n\n <div id=\"questions\"><\/div>\n\n <div class=\"card\">\n <div class=\"controls\">\n <button id=\"checkBtn\">Revisar respuestas<\/button>\n <button id=\"resetBtn\" class=\"secondary\">Reiniciar<\/button>\n <div id=\"score\" style=\"margin-left:auto;font-weight:700\"><\/div>\n <\/div>\n <div id=\"overall\" class=\"result\" style=\"display:none\"><\/div>\n <\/div>\n\n <footer>\n Consejo para maestros y padres: despu\u00e9s de la actividad, hablen con los ni\u00f1os sobre por qu\u00e9 ciertas palabras pueden hacer da\u00f1o y qu\u00e9 hacer si ven que alguien est\u00e1 triste por mensajes en Internet.\n <\/footer>\n <\/div>\n\n <script>\n const data = [\n {id:1, text: 'Le dice a Marcos: \"Eres tonto, nadie te quiere en el grupo\"', correct: 'no', explain: 'Este mensaje es cruel y puede hacer mucho da\u00f1o. Nunca se debe enviar.'},\n {id:2, text: 'Escribe en el chat: \"Tu dibujo es muy bonito, \u00a1me gust\u00f3 mucho!\"', correct: 's\u00ed', explain: 'Este mensaje anima y es amable. Es un buen ejemplo de c\u00f3mo usar el chat.'},\n {id:3, text: 'Manda una foto editada para burlarse de la apariencia de Ana', correct: 'no', explain: 'Compartir im\u00e1genes que humillan a alguien es ciberbullying. No lo env\u00edes.'},\n {id:4, text: 'Pregunta en privado: \"\u00bfEst\u00e1s bien? Te vi callado hoy\"', correct: 's\u00ed', explain: 'Ofrecer apoyo en privado es respetuoso y puede ayudar a quien est\u00e1 triste.'},\n {id:5, text: 'Repite un rumor que escuchaste sobre Luis sin comprobarlo', correct: 'no', explain: 'Difundir rumores puede lastimar. Es mejor no compartir informaci\u00f3n sin confirmar.'},\n {id:6, text: 'En el grupo: \"\u00bfAlguien quiere jugar despu\u00e9s de la escuela?\"', correct: 's\u00ed', explain: 'Invitar respetuosamente a jugar es positivo y fortalece la amistad.'}\n ];\n\n const container = document.getElementById('questions');\n\n function buildQuestions(){\n container.innerHTML = '';\n data.forEach((q,i)=>{\n const div = document.createElement('div');\n div.className = 'card';\n div.innerHTML = `\n <div class=\"message\"><strong>Mensaje ${i+1}:<\/strong> <div style=\"margin-top:6px\">${q.text}<\/div><\/div>\n <div class=\"options\" role=\"radiogroup\" aria-labelledby=\"msg${q.id}\">\n <label class=\"option\"><input type=\"radio\" name=\"q${q.id}\" value=\"s\u00ed\"> Enviar<\/label>\n <label class=\"option\"><input type=\"radio\" name=\"q${q.id}\" value=\"no\"> No enviar<\/label>\n <\/div>\n <div id=\"expl${q.id}\" class=\"explanation\"><\/div>\n `;\n container.appendChild(div);\n });\n }\n\n function evaluate(){\n let correctCount = 0;\n data.forEach(q=>{\n const choice = document.querySelector(`input[name='q${q.id}']:checked`);\n const expl = document.getElementById('expl'+q.id);\n if(!choice){\n expl.style.display = 'block';\n expl.innerHTML = '<em style=\"color:#555\">No seleccionaste una opci\u00f3n. Pide ayuda al profesor si no est\u00e1s seguro.<\/em>';\n expl.style.borderLeft = '6px solid #e0a8d6';\n } else {\n expl.style.display = 'block';\n if(choice.value === q.correct){\n expl.innerHTML = `\u2705 <strong>Buena elecci\u00f3n.<\/strong> ${q.explain}`;\n correctCount++;\n expl.style.borderLeft = '6px solid green';\n } else {\n expl.innerHTML = `\u274c <strong>Mejor no enviar.<\/strong> ${q.explain}`;\n expl.style.borderLeft = '6px solid red';\n }\n }\n });\n\n const scoreDiv = document.getElementById('score');\n scoreDiv.textContent = `Aciertos: ${correctCount} \/ ${data.length}`;\n const overall = document.getElementById('overall');\n overall.style.display = 'block';\n if(correctCount === data.length){\n overall.innerHTML = '\u00a1Excelente! Entiendes muy bien c\u00f3mo usar los mensajes para ayudar y no lastimar.';\n overall.style.borderLeft = '6px solid green';\n } else if(correctCount >= Math.ceil(data.length*0.6)){\n overall.innerHTML = 'Muy bien. A\u00fan hay cosas por aprender. Hablen en grupo sobre los casos marcados con \u274c.';\n overall.style.borderLeft = '6px solid orange';\n } else {\n overall.innerHTML = 'Es una buena oportunidad para aprender. Revisa las explicaciones y habla con tu maestro o mam\u00e1\/pap\u00e1.';\n overall.style.borderLeft = '6px solid red';\n }\n\n \/\/ scroll to results\n overall.scrollIntoView({behavior:'smooth', block:'center'});\n }\n\n document.getElementById('checkBtn').addEventListener('click', evaluate);\n document.getElementById('resetBtn').addEventListener('click', ()=>{\n buildQuestions();\n document.getElementById('score').textContent = '';\n document.getElementById('overall').style.display = 'none';\n });\n\n \/\/ Inicializar\n buildQuestions();\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>En la era digital, los mensajes y las pantallas forman parte del d\u00eda a d\u00eda de los ni\u00f1os. Sin embargo, a veces olvidamos que detr\u00e1s […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-390","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/posts\/390","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=390"}],"version-history":[{"count":5,"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/posts\/390\/revisions"}],"predecessor-version":[{"id":407,"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/posts\/390\/revisions\/407"}],"wp:attachment":[{"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=390"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=390"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=390"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}