Quiero recopilar datos en forma de párrafo en el cuadro de texto y luego mostrarlos en una nueva página. He agregado código para HTML para la página de anuncios (de donde quiero tomar datos y mostrarlos allí también), y para la página de archivo (donde quiero mostrar los datos), ¿Cómo debo hacerlo? Amablemente ayúdame. Soy nuevo en HTML, por lo tanto, no estoy seguro de si lo estoy haciendo bien.
<!DOCTYPE html> <html> <link rel="stylesheet" href="stylem.css" /> <script type="text/javascript" src="index.js"></script> <head> <title>Announcement Page</title> </head> <body> <form method="Post" action="archive.html"> <textarea type="text" id="textbox" class="textbox" cols="40" rows="10"></textarea> <input type="submit" id="save" name="save" value="submit" onclick="handleSubmit()"/> </form> </body> </html>
<!DOCTYPE html> <html> <head> <title> Archive </title> <link rel="stylesheet" href="stylea.css" /> </head> <body> <h2> Announcement : <span id="result-text"> </span> </h2> </body> </html>
function handleSubmit (){ const textbox = document.getElementById('textbox').value; localStorage.setItem("Data", textbox); return; }
window.addEventListener('load', () => { const params = (new URL(document.location)).searchParams; const textbox = params.get('textbox'); document.getElementById('result-text').innerHTML= textbox; })
Está colocando sus "Datos" en el almacenamiento local, por lo que necesita acceder a ellos allí en lugar de intentar extraerlos de la ubicación del documento.
window.addEventListener('load', () => { const data = localStorage.getItem('Data'); document.getElementById('result-text').innerHTML = data; });