Jak wypisanie 10 kolejnych linijek tekstu?

mam skrypt

var text = "";
var i = 0;

while (i < 10) {
  text += "<br>Liczba i jest równa " + i;
  document.write(text + "<br>");
  i++;
}

i jakby ktoś mógł wyjaśnić dlaczego wynik jest taki

Liczba i jest równa 0

Liczba i jest równa 0
Liczba i jest równa 1

Liczba i jest równa 0
Liczba i jest równa 1
Liczba i jest równa 2

Liczba i jest równa 0
Liczba i jest równa 1
Liczba i jest równa 2
Liczba i jest równa 3

Liczba i jest równa 0
Liczba i jest równa 1
Liczba i jest równa 2
Liczba i jest równa 3
Liczba i jest równa 4

Liczba i jest równa 0
Liczba i jest równa 1
Liczba i jest równa 2
Liczba i jest równa 3
Liczba i jest równa 4
Liczba i jest równa 5

Liczba i jest równa 0
Liczba i jest równa 1
Liczba i jest równa 2
Liczba i jest równa 3
Liczba i jest równa 4
Liczba i jest równa 5
Liczba i jest równa 6

Liczba i jest równa 0
Liczba i jest równa 1
Liczba i jest równa 2
Liczba i jest równa 3
Liczba i jest równa 4
Liczba i jest równa 5
Liczba i jest równa 6
Liczba i jest równa 7

Liczba i jest równa 0
Liczba i jest równa 1
Liczba i jest równa 2
Liczba i jest równa 3
Liczba i jest równa 4
Liczba i jest równa 5
Liczba i jest równa 6
Liczba i jest równa 7
Liczba i jest równa 8

Liczba i jest równa 0
Liczba i jest równa 1
Liczba i jest równa 2
Liczba i jest równa 3
Liczba i jest równa 4
Liczba i jest równa 5
Liczba i jest równa 6
Liczba i jest równa 7
Liczba i jest równa 8
Liczba i jest równa 9

a nie taki

Liczba i jest równa 0
Liczba i jest równa 1
Liczba i jest równa 2
Liczba i jest równa 3
Liczba i jest równa 4
Liczba i jest równa 5
Liczba i jest równa 6
Liczba i jest równa 7
Liczba i jest równa 8
Liczba i jest równa 9

Ponieważ w tej linijce

text += "Liczba i jest równa " + i;

dodajesz wszystkie wyniki do jednej zmiennej

Musisz zamienić += na =.

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Addition_assignment