Tengo este código y quiero guardar un texto editable en una variable para poder imprimirlo en la pantalla. HTML:
<input type="button" value="save edits" onclick="saveEdits()"/> <p id="update"></p>``` and JS: ```function saveEdits() { //get the editable element var editElem = document.getElementById("myText").value; document.getElementById("update").innerHTML=editElem; //write a confirmation to the user }``` Thank you for your time.Intentaría usar innerHTML :
function saveEdits() { //get the editable element document.getElementById("update").innerHTML = document.getElementById("myText").innerHTML; //write a confirmation to the user }Por lo que entiendo, quieres esto:
function saveEdits() { //get the editable element var editElem = document.getElementById("myText").value; document.getElementById("update").innerHTML=editElem; //write a confirmation to the user alert("your text have been saved"); } <input type="text" placeholder="type content here" id="myText"> <input type="button" value="save edits" onclick="saveEdits()"/> <p id="update"></p> El texto se almacena en la variable editElem .
Solo cambia valor a . HTML interno .
function saveEdits() { //get the editable element var editElem = document.getElementById("myText").innerHTML; document.getElementById("update").innerHTML=editElem; //write a confirmation to the user } <h1 id="myText" contenteditable="true">Title</h1> <input type="button" value="save edits" onclick="saveEdits()"/> <p id="update"></p>