¿Por qué setTimeout se ejecuta 10 veces en un bucle a la vez, en lugar de esperar un segundo, luego ejecutar, esperar un segundo y ejecutar, etc.?
const tx = document.querySelector('.botex') console.log(tx.lastElementChild.className) for(let i =0;i<10;i++) { setTimeout(() => { let msg = document.createElement('p'); msg.textContent = "Hello there" + i; tx.appendChild(msg); }, 1000) } <div class="botex"> <div class="1"> </div> <div class="2"> </div> </div>