Quiero mostrar el registro de la consola en html div. Puedo hacer eso con el siguiente código.
var log = document.getElementById("logger") console.log = (function (method, log) { return function (text) { method(text); let msg = document.createElement('div'); msg.textContent = text; log.appendChild(msg); }; })(console.log.bind(console), log);¿Pero las funciones console.log in se muestran en html div a menos que se complete la ejecución completa de la función?
¿Cómo puedo mostrar los registros de la consola en html div mientras se ejecuta la función (sin esperar a que la función complete su ejecución)?
En el siguiente ejemplo, veo registros en div después de que se completa la ejecución del bucle for.
function testfunction(){ console.log('test function'); for(let i=0; i<100000; i++){ console.log(i); } }Veo registros actualizados en div en Inspeccionar-> Elementos y no en la página del navegador.
dale algo de tiempo para que se ejecute, de lo contrario, todo se procesará al mismo tiempo
function testfunction(){ console.log('test function'); for(let i=0; i<100000; i++){ setTimeout(() => { console.log(i); }, i * 5) } }