Tengo estos dos códigos, lo que quiero hacer, es colocar un boton de regreso en la ventana que me muestra los datos, ya intente muchas maneras, pero no puedo, ¿alguien me ayuda?

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-js -->

    var getData = function(){

    var name = document.getElementById("nombre").value;

    var age = document.getElementById("edad").value;

    var genre = document.getElementById("genero").value;

    var hrs = document.getElementById("horas").value;

    var why = document.getElementById("porque").value;

    document.write("Nombre: "+name+"<br/>Edad: "+age+"<br/>G&eacutenero m&uacutesical favorito: "+genre+"<br/>Horas que escucha "+genre+": "+hrs+"<br/>Por qu&eacute le gusta este g&eacutenero: "+why);

    }


<!-- language: lang-html -->

    <!DOCTYPE html>

    <html>

    <head>

    <meta charset="UTF-8">

    <title> Formulario de trabajadores </title>

    <H1 align="center"> Gustos musicales </h1>

    <script type="text/javascript" src="formulario.js"></script>

    </head>

    <body bgcolor="#66fff" text="#0000ff">

    <form method="post" action="">

    <h4> Nombre: </h4>

    <input type="text" name="nombre" id="nombre" placeholder="Nombre">

    <h4> Edad: </h4>

    <input type="int" name="edad" id="edad" placeholder="Edad">

    <h4> Genero musical preferido </h4>

    <input type="text" name="genero" id="genero" placeholder="Genero" >

    <h4> &#191Cuantas horas dedicas a escuchar este g&eacutenero en espec&iacutefico? (al d&iacutea) </h4>

    <input type="int" name="horas" id="horas" placeholder="Horas">

    <h4> Describe por qu&eacute te gusta este g&eacutenero musical</h4>

    <textarea name="porque" id="porque">

    </textarea>

    <button onclick="getData()"> Enviar </button>

    <input value="Reload Page" onclick="history.go(0)" type="button" id="regresar">

    </body>

    </html>

<!-- end snippet -->