No puedo poner el código completo, lo siento, en el cuerpo, así que solo lo pongo en la imagen.
El primer problema es evitar que la página se cargue y, para hacerlo, pasamos el objeto de evento y usamos el método preventDefault() para detener la recarga. Una vez hecho esto, tomamos los valores de los elementos de entrada y usamos innerHTML para mostrarlo dentro del
elemento con la ayuda de los literales de plantilla de lujo.
<button onClick="handleSubmit(event)">Submit</button> function handleSubmit (e) { e.preventDefault() let name = document.getElementById("fname").value let age = document.getElementById("age").value let email = document.getElementById("email").value document.getElementById("demo").innerHTML = `Name is : ${name} Age is: ${age} and Email is : ${email}`; }No recomendaría implementar mi respuesta, ya que está muy poco pulida y podría causar problemas a largo plazo, pero espero que ayude.