He utilizado la función de obtener el valor por ID pero no me guarda nada en la variable. Que puedo hacer para solucionarlo?
<textarea
placeholder="Ingrese el texto aqui"
class="cajatexto"
id="caja-de-texto"
></textarea>
<div class="encriptar" onclick="encriptar()">
<p>Encriptar</p>
</div>
let textArea = document.getElementById("caja-de-texto").value;
function encriptar() {
alert(textArea);
console.log(textArea);
// No me imprime nada
}
¡Hola Juan, espero que estés bien!
El problema que estás experimentando con tu código se debe a que estás obteniendo el valor del área de texto fuera de la función encriptar(), por lo que en el momento de hacer clic en el botón, el valor del área de texto es vacío.
Para solucionarlo, debes mover la línea let textArea = document.getElementById("caja-de-texto").value; dentro de la función encriptar(), de esta manera, cada vez que hagas clic en el botón "Encriptar", se obtendrá el valor actual del área de texto.
Aquí tienes el código corregido:
function encriptar() {
let textArea = document.getElementById("caja-de-texto").value;
alert(textArea);
console.log(textArea);
}
Con esta corrección, deberías poder obtener y mostrar el valor del área de texto al hacer clic en el botón "Encriptar".
Espero que esta solución te sea de ayuda. ¡Buena suerte con tu proyecto!
Espero haber ayudado y buenos estudios!