Hola,
explicar cómo obtener cada uno de los tipos de datos de los campos de un formulario en JavaScript sería como escribir un capítulo entero de un libro de programación.
Así que te pongo unos enlaces a manuales y ejemplos sobre cómo hacerlo. Estas webs también te serán muy útiles en el futuro para otros temas.
https://www.w3schools.com/js/js_validation.asp
https://developer.mozilla.org/es/docs/Web/API/HTMLFormElement
Aunque los manuales sobretodo hablan de validación, el tema principal es aprender a obtener los datos de un formulario en JavaScript para que puedas hacer la visualización previa.
Un saludo!