¿Cómo muestro una respuesta en una página html separada usando javascript?

Tengo una entrada que tiene tres posibles fortunas dependiendo del número.

Fortuna 1. “Tendrás un gran día”.

La fortuna 2. “Tu día está atado por la desgracia”.

Fortuna 3. “Hoy no es ni bueno ni malo”.

Quiero mostrar una de estas respuestas dependiendo de lo que el usuario elija en una página html separada después de que presionen enviar.

¿Cómo lograría esto usando javascript?

código:

    

Para abrir una nueva ventana dentro del método de evento click puede usar:

 var newTab = window.open(""); 

Esto abrirá una nueva pestaña en la ventana del navegador y luego, para escribir citas dentro de esta ventana, puede usar:

 newTab.document.write("Hello"); 

Podría agregar data-url = “X” en cada opción

  

y ejecute algun metodo haciendo click con

  

en el método onButtonClicked() puede usar window.location.replace() y hacer uso de data-url valores de atributo data-url para que al final se requiera algo como esto:

  

En el evento de envío del formulario Puede usar el método de ventana abierta () y pasar los datos para mostrar las respuestas.

 let formEle = document.getElementById(''); formEle.addEventListener("submit", onFormSubmit, false); function onFormSubmit() { let newWindow = window.open(''); let formEle = document.getElementById(''); let data = new FormData(formEle); newWindow.formData = data; } 

luego, puede usar formData en otra página para leer los datos del formulario.

Usted podría hacer esto utilizando cookies :

  • configurar cookie al enviar
  • obtener cookie en una página separada

Nota: el ejemplo dado a continuación no funcionará en stackoverflow , porque no estamos autorizados a establecer cookies aquí.

 // to set cookie on submit function setselection(){ var project = document.getElementById('selectProject').value; document.cookie = 'selectedProject=' + project; } // to get cookie on seperate page function getselection(){ var name = 'selectedProject='; var x = document.cookie.split(';'); var i = 0, c = 0; for(i = 0; i < x.length; i++) { c = x[i]; while (c.charAt(0) === ' ') { c = c.substring(1); } if (c.indexOf(selectedProject) === 0) { return c.substring(name.length, c.length); } } return ''; }