0

El método prompt detiene la ejecución del script hasta que obtiene una respuesta, propiedad que me interesa para ciertas pruebas, pero parece que en algunos navegadores como firefox, renderiza la página después de cada prompt, pero otros como Chrome se espera a que se respondan todos.
¿Hay alguna manera sencilla de que en todos reaccione igual que firefox?

Aquí os dejo un ejemplo, reacciona distinto según el navegador (en Chrome se muestra como NO quiero), me gustaría que mostrara los resultados a medida que vas respondiendo, y no todo de golpe al final.

    function escribir(texto){
        document.body.innerHTML+=texto+"<br>";
    }

    var nombre = prompt("Nombre?");
    escribir(nombre);

    var edad = prompt("Edad?");
    escribir(edad);

2 respuestas 2

2

Puedes usar setTimeout para "separar" la ejecución de los dos prompts y así dar tiempo al hilo que renderiza la página a actualizar la vista:

function escribir(texto){
        document.body.innerHTML+=texto+"<br>";
    }

    var nombre = prompt("Nombre?");
    escribir(nombre);

    setTimeout(() => {
      var edad = prompt("Edad?");
      escribir(edad);
    })

6
  • Ya lo pensé pero no es lo que ando buscando, gracias. el 16 ene. 2021 a las 23:14
  • 1
    @ArnauCastellví, ¿qué es lo que estás buscando?
    – Triby
    el 17 ene. 2021 a las 7:05
  • @Triby Busco saber si existe, por ejemplo, alguna otra instrucción que le obligue a renderizar, y no tener que concatenar capas de setTimeouts por cada prompt que quiera usar. el 17 ene. 2021 a las 16:48
  • @ArnauCastellví, podrías intentar con requestAnimationFrame, pero no parece muy viable.
    – Triby
    el 17 ene. 2021 a las 19:40
  • 1
    Personalmente la solución que me parece más elegante es usar un modal hecho con HTML, evitando el uso de prompt el 18 ene. 2021 a las 6:48
0

Como sugiere @PabloLozano en su respuesta, cada que ejecutes un prompt() que deba actualizar algo en pantalla, "dale tiempo" al navegador para que muestre los cambios, colocándolo dentro de un setTimeout().

Si se trata de muchas peticiones, puedes crear una función para evitar anidaciones.

function escribir(texto){
    document.body.innerHTML += texto+"<br>";
}

/**
 * @param string pregunta       Texto que aparecerá en prompt()
 * @param function callback     Función que debe ejecutarse al finalizar el prompt()
 */
function promptCb(pregunta, callback) {
    setTimeout(() => {
        let resp = prompt(pregunta);
        // Ejecutar función enviando respuesta como parámetro
        callback(resp);
    });
}

promptCb("¿Cuál es tu nombre?", escribir);
promptCb("¿Cuál es tu edad?", escribir);

Probé el fragmento de código en Chrome y funcionó correctamente.

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.