Lógica de Encriptação do texto em JavaScript

Seja muito bem vindo, no artigo de hoje nós vamos desenvolver a lógica para o botão de encriptação dos textos no nosso Decodificador de Textos. Inicialmente vamos chamar os nossos dois botões. Vamos utilizar variáveis do tipo constante já que as nossas chamadas não se modificam durante o uso do programa.

const buttonEncrypt = document.getElementById('button-encrypt')
const buttonDecrypt = document.getElementById('button-decrypt')

Cada variável armazena uma "âncora" para os nossos botões que estão no HTML, utilizando o id que passamos nas tags. Após isso precisamos de um bloco que funcione apenas quando o usuário clicar no botão que está armazenado na variável buttonEncrypt. 

buttonEncrypt.onclick = () => {

}

Quando o usuário clicar (onclick) será chamada uma função que fará a encriptação do texto e apresente o resultado dentro da seção de output. Para isso, dentro dessa função adicionaremos seis variáveis do tipo constante e uma do tipo let.

A primeira constante vai fazer uma “âncora” para o textarea, porém ele vai pegar o valor que o usuário passou usando o método .value(), a segunda e terceira vai fazer “âncora” para a seção de saída de dados e a tag de parágrafo. A tag de título h2 que está dentro da seção de saída de dados será "ancorada" na quarta variável.

Lembra da imagem? Bem, vamos “âncorar” ela na terceira variável para podermos manipular ela em breve. Na variável “arrayListText” vamos pegar o texto que está na nossa variável “textEntry” e convertemos a string para uma lista, onde cada índice será uma letra. Por fim, criamos um array list para adicionar o texto encriptado depois.

buttonEncrypt.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 arrayListText = textEntry.split('')
 let arrayListEncrypt = []
}

Texto Completo: https://francileudo-frontend.blogspot.com/2022/10/logica-de-encriptacao-do-texto-em.html