Lógica de Desencriptação de texto usando replace()

No artigo de hoje iremos finalizar o javascript do nosso projeto de Decodificador de Texto. Primeiro vamos pegar a variável que está com o nosso botão de desencriptar e adicionamos uma função ao método de onclick().

Dentro dessa função iremos adicionar as mesmas constantes do botão de encriptar para que ele faça a mesma coisa com a seção de output e de input. Nosso método de desencriptar o texto será diferente do método de encriptar já que não daria certo separar o texto em uma lista de letras, pois anteriormente substituímos as letras por mais de um caractere.

Primeiro criamos uma constante decrypt e pegamos o texto digitado pelo usuário, agora adicionamos uma série de replace() substituindo um encadeamento de caracteres strings em uma vogal para devolvermos o texto ao estado de desencriptado. 

buttonDecrypt.onclick = () => {
 const textEntry = document.getElementById('input-area').value
 const outputArea = document.getElementById('output-area')
 const outputAreaText = document.getElementById('output-area-text')
 const hideArea = document.getElementById('hide-area')
 const hideArea2 = document.getElementById('hide-area2')

 const decrypt = textEntry.replace(/enter/g, 'e').replace(/imes/g, 'i').replace(/ai/g, 'a').replace(/ober/g, 'o').replace(/ufat/g, 'u')

 hideArea.style.display = 'none'
 hideArea2.style.display = 'none'
 outputArea.style.justifyContent = 'start'

 outputAreaText.innerHTML = decrypt
}

Agora, tudo que precisamos fazer é usar o output para apresentar o conteúdo da nossa constante com o texto desencriptado. Repare que acabamos tendo repetição de código nas nossas constantes, que tal você tentar resolver esse problema? Um abraço e até a próxima.

Blog: https://francileudo-frontend.blogspot.com/2022/10/logica-de-desencriptacao-de-texto.html