Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/felipeg-almeida/decodificador
Projeto decodificador desenvolvido como desafio que faz parte do programa Oracle Next Education.
https://github.com/felipeg-almeida/decodificador
challengeonedecodificador5 css dom html javascript
Last synced: 29 days ago
JSON representation
Projeto decodificador desenvolvido como desafio que faz parte do programa Oracle Next Education.
- Host: GitHub
- URL: https://github.com/felipeg-almeida/decodificador
- Owner: FelipeG-Almeida
- Created: 2023-05-29T09:53:29.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-06-09T20:17:28.000Z (over 1 year ago)
- Last Synced: 2024-11-11T02:25:57.916Z (3 months ago)
- Topics: challengeonedecodificador5, css, dom, html, javascript
- Language: CSS
- Homepage: https://felipeg-almeida.github.io/decodificador/
- Size: 52.7 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Challenge ONE - Decodificador 
Este projeto consiste em um decodificador simples que permite criptografar e descriptografar mensagens de texto, um desafio que faz parte do programa Oracle Next Education. O decodificador utiliza uma substituição de letras minúsculas, sem acentos, por palavras-chave.
## 📑 Instruções de uso
1. Faça o download dos arquivos HTML, CSS e JavaScript fornecidos.
2. Abra o arquivo HTML (`index.html`) em seu navegador da web.
3. Na página do decodificador, você verá um campo de texto onde poderá digitar sua mensagem de texto.
4. Digite um texto em letras minúsculas, sem acentos, no campo de texto.
5. Clique no botão "Criptografar" para codificar a mensagem digitada.
6. Clique no botão "Descriptografar" para decodificar a mensagem criptografada.
7. O resultado da operação de codificação ou decodificação será exibido abaixo do campo de texto, na seção de resultados.
8. Se desejar copiar o resultado para a área de transferência, clique no botão "Copiar".
## Prévia
### Desktop
### Tablet e Mobile
## 🛠️ Tecnologias utilizadas
- HTML
- CSS
- JavaScript
## 🔐 Lógica do algoritmo de codificação
A mensagem recebida é codificada da seguinte forma:
- A letra `a` é convertida para `ai`
- A letra `e` é convertida para `enter`
- A letra `i` é convertida para `imes`
- A letra `o` é convertida para `ober`
- A letra `u` é convertida para `ufat`
Também é possível converter uma palavra para a versão criptografada e também retornar uma palavra criptografada para a versão original.
Por exemplo:
`gato` => `gaitober`
`gaitober` => `gato`
## 📁 Estrutura de arquivos
- `index.html`: Arquivo HTML principal que contém a estrutura da página e os elementos visuais.
- `css/`: Diretório contendo arquivos CSS para estilização da página.
- `reset.css`: Arquivo CSS para redefinir os estilos padrão do navegador.
- `base.css`: Arquivo CSS contendo estilos básicos para o layout da página.
- `result.css`: Arquivo CSS contendo estilos para a seção de resultados.
- `text.css`: Arquivo CSS contendo estilos para o campo de texto e suas informações.
- `footer.css`: Arquivo CSS contendo estilos para o rodapé da página.
- `js/script.js`: Arquivo JavaScript contendo a lógica de codificação e decodificação das mensagens.
## Badge do Desafio
---