mi inglés no es muy bueno, pero haré todo lo posible para explicar mi problema.
Entonces quiero usar este modelo.
<h1 id="modal-title" class="unlock-page__title" style="text-align: center;">Tittle</h1> <div id="modal-description" style="color: rgb(174, 174, 174); text-align: center; white-space: pre-line; margin-top: 5px;">middle text</div> <div style="margin: 80px 0 8px;"> <input id="modal-input" type="text" placeholder="name"> </div> <div id="modal-submit" onclick="sendMessage()" class="bg-blue white btn">next</div>Y después de agregar un texto en la entrada y presionar siguiente, todo debe permanecer igual y no redirigir a una nueva página, sino actualizar el texto en el formulario para solicitar un nuevo aviso.
Primero, debe definir la función 'sendMessage'. Luego, dentro de la función, debe buscar el valor de entrada y almacenarlo en una variable, luego puede cambiar el valor del título y la descripción.
<h1 id="modal-title" class="unlock-page__title" style="text-align: center;">Tittle</h1> <div id="modal-description" style="color: rgb(174, 174, 174); text-align: center; white-space: pre-line; margin-top: 5px;">middle text</div> <div style="margin: 80px 0 8px;"> <input id="modal-input" type="text" placeholder="name"> </div> <div id="modal-submit" onclick="sendMessage()" class="bg-blue white btn">next</div> <script> let title = document.getelementbyid('modal-title').value; function sendMessage(){ let inputText = document.getelementbyid('modal-description').value; document.getElementById('modal-title').value = inputText; } </script>