Estoy practicando el desplazamiento infinito siguiendo la fuente https://cs50.harvard.edu/web/2020/notes/6/ , pero en lugar de llamar al lado del servidor, solo agrego elementos del índice de inicio a fin de la matriz de datos y el resultado no es como mi expectativa. Creo que algo relacionado con la característica asíncrona de Javascript. ¿Es eso cierto? ¿Como puedo solucionar este problema?
<!DOCTYPE html> <html> <head> <title>Infiniti Scroll</title> </head> <body> <div id="data"></div> <script> let start = 0 let end = 100 const datas = [] for (let index = 0; index < 1000; index++) { datas.push(`<p>${index}</p>`); } document.addEventListener("DOMContentLoaded",function(){ load(); window.onscroll = ()=> { if (window.innerHeight + window.scrollY >= document.body.offsetHeight) { setTimeout(load,1000); } } }); function load(){ for (let index = start; index <= end; index++) { document.querySelector("#data").innerHTML+=datas[index]; } start =end;end+=100; } </script> </body> </html>