Tengo una página de registro que usa el nombre, el correo electrónico, la contraseña y la confirmación de la contraseña. La configuré para los datos de mi nombre, por lo que debería transferirse a una segunda página y mostrar "Bienvenido ___", pero los datos no se muestran y son no en la URL (estoy usando cadenas de consulta). Me gustaría poder conservar todos mis diferentes efectos especiales y tener una segunda página con una bienvenida.

pantalla.html:

 <form action="action.html" method="GET"> <form> <div> <p> Full name: <span id="one">..</span>. <input type="text" name="Welcome" id="firstname" placeholder="Eg David Bowie" /> <script> function inputAction() { one.textContent = firstname.value; } firstname.oninput = inputAction; let Firstnames = []; const addFirstname = (ev)=>{ ev.preventDefault(); let firstname = { id: Date.now(), firstname: document.getElementById('firstname').value, } Firstnames.push(firstname); document.forms[0].reset(); console.warn('added' , {Firstnames} ); let pre = document.querySelector('#msg pre'); pre.textContent = '\n' + JSON.stringify(Firstnames, '\t', 2); localStorage.setItem('Firstname', JSON.stringify(Firstnames) ); } document.addEventListener('DOMContentLoaded', ()=>{ document.getElementById('btn').addEventListener('click', addFirstname); }); </script> </div> <div> </p> <label id="Email">Email</label></br> <input type="email" placeholder="DavidBowie@gmail.com" id="Email" /> </p>

acción.html:

 <div id='write'> <p>Welcome </p> </div> <script> let args=new URLSearchParams( location.search ); if( args.has('Welcome') ){ document.getElementById('write').querySelector('p').textContent += args.get('Welcome'); } </script>