Skip to main content

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?

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);
 
}
<!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">
    <h1 align="center"> Gustos musicales </h1>
    
    <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">

<id="porque"></textarea>
 
      <button onclick="getData()"> Enviar </button>
 
      <input value="Reload Page" onclick="history.go(0)" type="button" id="regresar">
    </form>

  </body>

</html>

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?

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);
 
}
<!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>

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?

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);
}
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">

    <title> Formulario de trabajadores </title>

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

  <body bgcolor="#66fff" text="#0000ff">
    <h1 align="center"> Gustos musicales </h1>
    
    <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">
    </form>

  </body>

</html>

Origen Enlace

Botón de regreso

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?

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);

}
<!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>