Hola muchachos lo que pasa es que tengo que encriptar un texto el cual está en un input, el primer botón lo encripta mediante una función que hice y en el segundo botón volver el texto a la normalidad, la primera parte ya la tengo pero a la hora de volver a traer el texto original no se como volver a descriptarlo y dejarlo en la caja de texto, no se si alguien me pueda ayudar, debe ser un error muy simple, pero la verdad no lo encuentro, gracias por la ayuda
document.getElementById("btn1").addEventListener('click', () => {
function encriptar() {
let str = '';
let ref = 'abcdefghijklmnñopqrstuvwxyz';
var input = document.getElementById('input').value;
for (var i = 0; i < 7; i++) {
str += ref.charAt(Math.floor(Math.random() * ref.length));
var resultado = document.getElementById('input').value = str;
console.log(resultado)
console.log(input)
}
}
encriptar()
})
document.getElementById('btn2').addEventListener('click', () => {
function desencriptar() {
var input = document.getElementById('input').value;
console.log(input)
}
desencriptar()
})
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>criptograma</title>
</head>
<body>
<input type="text" id="input">
<button id="btn1">Encriptar</button>
<button id="btn2">Descepcritar</button>
<script src="index.js"></script>
</body>
</html>
ref.charAt(Math.floor(Math.random() * ref.length));
, aunque se puede pensar en una alternativa si cambias la función de encriptar.