Encriptador de texto desarrollado con JavaScript, HTML y CSS

Se trata de un encriptador de texto, el cual en una cuadro permitira al usuario ingresar un mensaje y al presionar el boton de encriptar el mensaje se codificara y se mostrara en otro cuadro. Tambien debe existir la posibilidad de descodificar; es decir que tenga una palabra codifica y al ingresarla y presionar el boton de "descodificar" el mensaje se puedo leer

• 🔓Codificar: Modifica el mensaje
• 🔐Descodificar: Regresa un mensaje codificado a un texto norma
• 🔗Copiar: Permite al usuario copiar al portapaples lo que se tenga en el resultado

Se utilizó a figma para realizar la estructura de como quería que se estuviera ordenado y en que lugares estuviera cada objeto.

Ya teniendo la idea de donde iba a ir cada elemento, procedi a pensar que tipo de estilo queria que tuviera la pagina, y siendo fan de la pelicula matrix pense en darle un aspecto de terminal antigua a los cuadros de texto

Debido a que apenas estoy aprendiendo trate de acercarme lo mas que puede al estilo que propuse

• La letra "a" es convertida a "ai".
• La letra "e" es convertida a "enter".
• La letra "i" es convertida a "imes".
• La letra "o" es convertida a "ober"
• La letra "u" es convertida a "ufat"

• 🔷Javascript.
• 🔷HTML.
• 🔷CSS.

Luis Martínez