Encriptador de Texto

Este es un proyecto simple de encriptación y desencriptación de texto desarrollado con HTML, CSS y JavaScript.

Funcionalidades

• Cifrado: Convierte el texto ingresado según un patrón específico.
• Descifrado: Revierte el texto cifrado al texto original.
• Validación: Acepta solo caracteres en minúsculas y espacios.
• Copiar texto: Permite copiar el texto procesado al portapapeles.
• Limpiar campos: Botones para limpiar el área de entrada y salida de texto.

Detalles Técnicos

Archivos del Proyecto

• index.html: Contiene la estructura HTML para la interfaz de usuario.
• style.css: Define los estilos visuales para la interfaz.
• app.js: Contiene la lógica de encriptación, descifrado y manipulación del DOM.

Implementación

• HTML (index.html):

  • Campos de entrada (textarea) y salida para texto.
  • Botones para cifrar, descifrar, limpiar entrada y limpiar salida.
  • Mensaje de validación para caracteres no permitidos.
  • Imágenes de marcador de posición para mostrar resultados y fines visuales.

• CSS (style.css):

  • Estilos para la disposición de la página.
  • Diseño responsivo para diferentes tamaños de pantalla.
  • Colores y tipografía adecuados para una experiencia amigable.

• JavaScript (app.js):

  • Funciones para cifrar y descifrar texto según un patrón predefinido.
  • Validación de entrada para caracteres permitidos.
  • Manipulación del DOM para mostrar resultados y control de visibilidad de elementos.

Captura de Pantalla del Proyecto

Uso

1. Clona este repositorio.
2. Abre index.html en tu navegador.
3. Ingresa texto en el área de entrada y haz clic en los botones correspondientes para cifrar o descifrar.
4. Utiliza el botón de copiar para copiar el texto procesado al portapapeles.
5. Utiliza los botones de limpiar para reiniciar los campos de entrada y salida.

Autor

Juan Diego Sánchez

Año de Creación

2024