Encriptador

Se trata de un encriptador de texto simple escrito en HTML, CSS y JavaScript. Aquí está un desglose de cada parte:

Estado del proyecto

Terminado.

HTML:

Define la estructura básica de la página web. Incluye secciones para el logo, el área de entrada de texto, los botones de encriptación y desencriptación, y la salida del mensaje encriptado. Usa clases para aplicar estilos a diferentes elementos de la página.

CSS:

Define los estilos visuales de la página web, como colores, fuentes, tamaños, márgenes y padding. Utiliza medios queries para ajustar el diseño para diferentes tamaños de pantalla.

Funciones:

• obtenerElemento(selector): Obtiene un elemento del DOM por su selector CSS.
• textoSalida(output): Muestra la salida del mensaje encriptado o desencriptado.
• limpiarTexto(): Limpia el texto de entrada y la salida.
• entrada(): Se encarga de eliminar cualquier mensaje de advertencia cuando el usuario comienza a escribir.
• entradaIncorrecta(str): Valida que el texto de entrada solo contenga letras minúsculas sin acentos.
• advertencia(texto): Muestra un mensaje de advertencia al usuario.
• buscarRemplazar(char): Busca la letra en el array de claves y devuelve la letra reemplazada.
• encriptarTexto(mensaje): Encripta el mensaje reemplazando las letras por las claves del array.
• desencriptarTexto(mensaje): Descifra el mensaje reemplazando las claves por las letras originales del array.
• procesandoMensaje(action): Función principal que se encarga de encriptar o desencriptar el mensaje según la acción indicada.
• copiarMensaje(): Copia el mensaje encriptado al portapapeles.

Variables:

• keys: Array de pares de letras que se usan para la encriptación y desencriptación.
• mensajeEntrada: Variable que almacena el texto introducido por el usuario.

Flujo de ejecución:

1. El usuario ingresa un texto en el área de entrada.
2. Se valida que el texto solo contenga letras minúsculas sin acentos.
3. Si el texto es válido, se llama a la función procesandoMensaje con la acción indicada (encriptar o desencriptar).
4. La función procesandoMensaje llama a la función encriptarTexto o desencriptarTexto según la acción.
5. La función de encriptación o desencriptación reemplaza las letras del mensaje original usando el array de claves.
6. Se muestra la salida del mensaje encriptado o desencriptado.
7. Si el usuario desea copiar el mensaje, se llama a la función copiarMensaje.

En resumen:

Este código permite a los usuarios ingresar un texto, encriptarlo o desencriptarlo usando un sistema de reemplazo simple, y luego ver el resultado o copiarlo al portapapeles. Es importante tener en cuenta que este no es un algoritmo de encriptación seguro y no se debe utilizar para proteger información confidencial.

Si tienes alguna pregunta específica sobre una parte del código, no dudes en preguntarme.