noelia-elizabeth / oracle-education-one-1st-challenge Goto Github PK

Puedes usar CSS para modificar colores y fuentes, adicionar bordes y hasta hacer animaciones! Por ejemplo:

• Cambiar la fuente, el tamaño y el color del título;
• Adicionar un color, degradado o imagen como fondo de tu sitio web;
• Cambiar estilos, colores y bordes de los botones

Estas actividades son referentes al desafío extra, de agregar un botón para copiar texto

• Crear un botón para llamar a la función que copia el texto encriptado o desencriptado

Hacer encriptación

Utilice JavaScript y todo lo que aprendió en las clases de lógica de programación para crear la función de encriptación. Siga los pasos descritos abajo para saber lo que es necesario hacer.

• Crear función
• Conectar función a su respectivo botón en el HTML
• Capturar el texto escrito en el campo del input del HTML
• Desarrollar la lógica de la encriptación
• Mostrar en la pantalla el resultado del texto encriptado

Publica tu página en GitHub Pages!

Utiliza lo que aprendiste sobre Git e GitHub y publica tu página web utilizando el servicio GitHub Pages. De esta forma, podrás compartir el resultado de tu proyecto!

Hacer desencriptación

Utilice JavaScript y todo lo que aprendió en las clases de lógica de programación para crear la función de desencriptación. Siga los pasos descritos abajo para saber lo que es necesario hacer.

• Crear función
• Conectar función a su respectivo botón en el HTML
• Capturar el texto escrito en el campo del input del HTML
• Desarrollar la lógica de la desencriptación
• Mostrar en la pantalla el resultado del texto desencriptado

Elementos obligatorios

• Título de su sitio web
• Campo para el texto que va a ser encriptado/desencriptado
• Un botón para encriptar
• Un botón para desencriptar
• Área para mostrar el texto encriptado/desencriptado.

Extra

Un rodapie con los datos de la persona que desarrolló el sitio web!

Este es el reto extra!

Vamos a dejar un link hacia la documentación de MDN sobre como copiar, recortar y pegar datos para el portapapeles usando JavaScript. Está en inglês, pero puedes usar el recurso del navegador para traducir la página.