2

Se trata de leer con un prompt un valor y seguir pidiéndolo hasta que el valor introducido sea 5. Me gustaría mostrar con document.write el valor introducido aunque no sea el buscado. Utilizo un bucle while y sólo me muestra todos los valores introducidos una vez que salgo del bucle. Esto me pasa en Chrome, en Firefox funciona como espero. A ver si alguien me da una idea ya que estoy todavía empezando con JS. Gracias.

 var valido = 5;
 var valorusuario = 0;
 while (valorusuario!=valido) {
   valorusuario = parseInt(prompt("Introduce un número entre 1 y 10"));
   document.write("Tu número es ", valorusuario,"<br>");
 }
 document.write("Has acertado el número !!!");

1
  • Lo primero decir que insertar contenido HTML con document.write se considera una mala práctica ([stackoverflow.com/questions/802854/…). En cuanto a por qué en Firefox "funciona" se debe a que, al no existir una especificación, cada navegador lo implementa de distinta forma. ([stackoverflow.com/questions/25398005/…). Mi recomendación es que utilices otros métodos de manipulación del DOM como createElement y appendChild:
    – Kiko_L
    Commented el 8 ene. 2019 a las 12:51

1 respuesta 1

4

El problema es que la ejecución de Javascript bloquea todo lo demás en la pantalla, por lo que hasta que no termine el bucle de tu código, el engine de HTML no se pone en marcha para actualizar la vista con el nuevo DOM. La solución es usar setTimeout para crear una especie de bucle mediante recursividad:

var valido = 5;

function pideNumero() {
  let valorUsuario = parseInt(prompt("Introduce un número entre 1 y 10"));
  let p = document.createElement("p");
  p.innerHTML=`Tu número es ${valorUsuario}`;
  document.body.appendChild(p);
  if (valorUsuario != valido) {
    setTimeout(pideNumero,10);
  } else {
    p = document.createElement("p");
    p.innerHTML='Has acertado el número!';
    document.body.appendChild(p);
  }
}
setTimeout(pideNumero)

5
  • Muchas gracias. Es bastante curioso que en Firefox funcione y en Chrome no. Tomo nota de tu contribución. Commented el 8 ene. 2019 a las 13:54
  • Curioso, porque yo uso Chrome (en GNU/Linux) y funciona bien Commented el 8 ene. 2019 a las 13:59
  • Si te refieres a tu código, Firefox es ahora más multihilo que Chrome, tiene un hilo para el render separado Commented el 8 ene. 2019 a las 14:09
  • Sí, me refería a mi código. El tuyo va perfecto. Gracias. Commented el 9 ene. 2019 a las 11:14
  • Puedes marcar la respuesta como aceptada para dejar tu pregunta como respondida, si así te parece Commented el 9 ene. 2019 a las 11:37

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.