![Decodificador](https://private-user-images.githubusercontent.com/118397791/252169978-f461d48d-c208-486b-a29c-8d67c0191898.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjMyMzcwOTcsIm5iZiI6MTcyMzIzNjc5NywicGF0aCI6Ii8xMTgzOTc3OTEvMjUyMTY5OTc4LWY0NjFkNDhkLWMyMDgtNDg2Yi1hMjljLThkNjdjMDE5MTg5OC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwODA5JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDgwOVQyMDUzMTdaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0wZmM1MTkzODlhYzE1ZDQ0ZWNkMDdkZjA1MDEyMmE3ZDNjNDFjZDA4YzRlYmI5Y2U5MzI1NWMwYTBhYWJiNTI0JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.jFJt3VPkl5FR6eVgTF_gBpsLwaRMFHh2eUN8Sg5wLsw)
O projeto Decodificador consiste em criptografar um texto digitado pelo usuário substituindo as vogais por chaves específicas. O usuário pode copiar o texto criptografado através de um botão e colar novamente no campo para descriptografá-lo, restaurando as letras originalmente digitadas.
Foi um desafio proposto pela Oracle Next Education e a Alura para o Challenge ONE — Decodificador, para colocar em prática os conceitos adquiridos através de seus cursos.
Acesse a demo
O Decodificador segue as seguintes regras de criptografia:
A letra "a" é substituída por "ai".
A letra "e" é substituída por "enter".
A letra "i" é substituída por "imes".
A letra "o" é substituída por "ober".
A letra "u" é substituída por "ufat".
O texto a ser criptografado só pode ser escrito em letras minúsculas, sem acento e sem caracteres especiais não permitidos. Os únicos caracteres aceitos são:
".", ",", "!", e "?".
Javascript:
- Módulos
- Expressão regular (
RegEx
) - Objeto e array
- Manipulação da área de transferência com try-catch e
navigator
- Arrow functions, função com parâmetros e iteração com
forEach
- Condições com switch-case e operador ternário
- Data attributes como seletores
- Adição e remoção de classes em elementos HTML
- Métodos
innerHTML
ereplace
- Manipulação de eventos
CSS:
- Definição de variáveis para valores reutilizáveis
- Arquivo reset para que os estilos sejam consistentes entre diferentes navegadores
- Position, transform e flexbox
- Media queries para responsividade
- Estilização de pseudo-elementos
![]() LV |
---|
Copyright ©2023 — Decodificador