Estoy estudiando un JS vainilla y me gustaría crear un formulario en el que los valores de los elementos de entrada se muestren dentro de un botón. Estoy planeando crear un formulario donde el usuario completará las preguntas con sus detalles y luego esas respuestas se mostrarán en la misma página HTML formateada en una plantilla determinada. Actualmente, puedo mostrar la salida, sin embargo, no hay saltos de línea por valor. Además, dado que la pantalla es un elemento de botón, el usuario debería poder hacer clic en él para copiar las respuestas formateadas que pueden pegar en el bloc de notas o MS Word. ¿Es esto posible en Vanilla JS o tengo que aprender los marcos JS? ¿Puedes compartir tus pensamientos?

Visualización de ejemplo en un botón en el que se puede hacer clic para copiar la siguiente información:

Nombre: John Smith (línea 1)

Edad: 99 (línea 2)

Esta es la salida actual:

Estos son mis guiones actuales:

 <form name="myForm"> Name: <input type="text" id="myName" name="myName"> Age: <input type="number" name="myAge" id="myAge"> <button type="submit" name="createBtn" id="createBtn" onclick="create(); return false">CREATE</button> </form> <div> <button type="submit" id="copyBtn" onClick="copy(); return false"> <span id="userName"></span> <span id="userAge"></span> </button> </div> <script> function create() { document.getElementById('userName').innerHTML = document.myForm.myName.value; document.getElementById('userAge').innerHTML = document.myForm.myAge.value; } function copy() { // insert the needed function here } </script>