Исправление кода решения задачи (#1989)

Alexandre887 · web-flow · commit 65cda44f71c3 · 2024-08-14T13:45:33.000+03:00
Fix endless loop in description to solution of 1st task "Бесконечная …
diff --git a/2-ui/3-event-details/8-onscroll/1-endless-page/solution.md b/2-ui/3-event-details/8-onscroll/1-endless-page/solution.md
@@ -55,11 +55,13 @@ function populate() {
     // нижняя граница документа
     let windowRelativeBottom = document.documentElement.getBoundingClientRect().bottom;
 
-    // если пользователь прокрутил достаточно далеко (< 100px до конца)
-    if (windowRelativeBottom < document.documentElement.clientHeight + 100) {
-      // добавим больше данных
-      document.body.insertAdjacentHTML("beforeend", `<p>Дата: ${new Date()}</p>`);
+    // если пользователь не прокрутил достаточно далеко (>100px до конца страницы) — прерываем цикл
+    if (windowRelativeBottom > document.documentElement.clientHeight + 100) {
+        break;
     }
+
+    // добавим больше данных
+    document.body.insertAdjacentHTML("beforeend", `<p>Date: ${new Date()}</p>`);
   }
 }
 ```

Original file line number	Diff line number	Diff line change
`@@ -55,11 +55,13 @@ function populate() {`
`55`	`55`	`// нижняя граница документа`
`56`	`56`	`let windowRelativeBottom = document.documentElement.getBoundingClientRect().bottom;`
`57`	`57`
`58`		`- // если пользователь прокрутил достаточно далеко (< 100px до конца)`
`59`		`- if (windowRelativeBottom < document.documentElement.clientHeight + 100) {`
`60`		`- // добавим больше данных`
`61`		- document.body.insertAdjacentHTML("beforeend", `<p>Дата: ${new Date()}</p>`);
	`58`	`+ // если пользователь не прокрутил достаточно далеко (>100px до конца страницы) — прерываем цикл`
	`59`	`+ if (windowRelativeBottom > document.documentElement.clientHeight + 100) {`
	`60`	`+ break;`
`62`	`61`	`}`
	`62`	`+`
	`63`	`+ // добавим больше данных`
	`64`	+ document.body.insertAdjacentHTML("beforeend", `<p>Date: ${new Date()}</p>`);
`63`	`65`	`}`
`64`	`66`	`}`
`65`	`67`	```