http://radiocc.mozello.com/musi-music/ RADIO CREACIÓN CRISTIANA - musi music http://radiocc.mozello.com/musi-music/params/post/5104272/mensaje-de-bienvenida Sun, 17 Aug 2025 18:26:00 +0000 <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Chat Unidos por Fe</title> <style> body { font-family: Arial, sans-serif; } #chat-container { width: 80%; margin: 40px auto; padding: 20px; border: 1px solid #ccc; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } #chat-log { padding: 20px; overflow-y: auto; max-height: 400px; } #chat-input { padding: 10px; border: 1px solid #ccc; border-radius: 10px; width: 100%; } </style> <div id="chat-container"> <h2>Chat Unidos por Fe</h2> <div id="chat-log"></div> <input id="chat-input" type="text" placeholder="Escribe un mensaje..."> <button id="enviar-btn">Enviar</button> </div> <script> const chatLog = document.getElementById('chat-log'); const chatInput = document.getElementById('chat-input'); const enviarBtn = document.getElementById('enviar-btn'); let mensajes = []; enviarBtn.addEventListener('click', () => { const mensaje = chatInput.value.trim(); if (mensaje !== '') { mensajes.push(mensaje); chatLog.innerHTML += `<p><strong>Tú:</strong> ${mensaje}</p>`; chatInput.value = ''; chatLog.scrollTop = chatLog.scrollHeight; } }); // Agregar funcionalidad para que los usuarios puedan ver los mensajes de otros // Esto requeriría una implementación más avanzada con WebSockets o una API </script>