De seguro intentas hacer un bucle infinito como normalmente se haría:
while (true){...}
El problema que el navegador se queda ejecutando ese bucle y no redibuja la pagina. En javascript para hacer un bucle infinito y permitir que se cargue la pagina se usa la funcion setInterval(callback, time); que como parametro te pide una función y el tiempo de retraso por cada llamada.
<!DOCTYPE html>
<html>
<body>
<h2>Bucle infinito compra papelería</h2>
<i><b>Nota:</b> Use clear para limpiar pantalla</i>
<h3>Stock</h3>
<p id="tablePrint"></p>
<script>
let compraManolo="";//lo iniciamos con una cadena vacía para que no nos salga undefined
var idMainLoop=0;
function mainLoop(){
let output=document.getElementById("tablePrint");
output.innerHTML += compraManolo+"<BR/>";
compraManolo = prompt("Lápices?");
if (compraManolo!="" && parseInt(compraManolo) > 10)//!="" Para evitar errores.
clearInterval(idMainLoop);//Termina nuestro bucle
else if(compraManolo=="clear")
output.innerHTML=compraManolo="";//Nuevo comando que agregué, es para limpiar la tabla:)
}
idMainLoop=setInterval(mainLoop,1000);//1000 para que se ejecute por cada 1s
</script>
</body>
</html>
La función setInterval solo agrega una llamada a la cola de todo lo que se debe ejecutar en el navegador, permitiendo que se redibuje, etc... .
Si quieres detener el bucle puedes cambiar la última línea para almacenar el id de la iteración que estas usando:
var idMainLoop=setInterval(mainLoop,1000);//1000 == 1s
//Y detenemos usando clearInterval(idMainLoop);
Enlaces externos: