Quiero obtener el texto del área de texto (id = getText), y luego asignar su valor al nuevo div que he creado pero el valor no se guarda dentro de ese nuevo div. Lo he intentado muchas veces pero el valor de la entrada no se guarda y no hay cambios cuando hago clic en el botón
let getText = document.getElementById("getText"); // this is textarea let select = document.getElementById("selectBtn"); //this is button //this is another div let result = document.getElementById("result"); let new_p = document.createElement("div"); //creating element new_p.innerHTML = ""; result.appendChild(new_p); // adding into resut div //getting inner text of the input let value = new_p.innerText; //adding an event listener select.addEventListener("click", function(e) { e.preventDefault(); new_p.innerHTML = value; //it does not works and the value is not saved })let getText = document.getElementById("getText"); // this is textarea let select = document.getElementById("selectBtn"); //this is button //this is another div let result = document.getElementById("result"); let new_p = document.createElement("div"); //creating element new_p.innerHTML = getText.value; result.appendChild(new_p); // adding into resut div //getting inner text of the input let value = new_p.innerText; //adding an event listener select.addEventListener("click", function(e) { e.preventDefault(); new_p.innerHTML = getText.value; console.log(value) //it does not works and the value is not saved })Reemplazar new_p.innerHTML = ""; para new_p.innerHTML = getText.value
y dentro del evento de clic,
new_p.innerHTML = getText.value;
En el futuro, intente utilizar editores de código en línea para publicar su código. Dado que podría ser más fácil para cualquier persona ayudarlo, tenga cuidado de eliminar cualquier información personal del código.
Aquí hay un violín con su código https://jsfiddle.net/k8b24n3q/12/
La razón por la que no funcionaba era porque estaba configurando el evento de clic en un valor indefinido.