Numer automatycznego przyrostu HTML i JavaScript

Jestem nowy w HTML i JavaScript. Mam taki problem w HTML (poniższy kod tylko wizualizuje problem, który można łatwo odwołać).

<tr>
    <td>1</td>
    <td>Harry</td>
</tr>
<tr>
    <td>2</td>
    <td>Simon</td>
</tr>
    <td>3</td>
    <td>Maria</td>
</tr>
</tr>
    <td>4</td>
    <td>Victory</td>
</tr>

Jest to lista nazw, jednak problem polega na tym, że czasami muszę dodać więcej nazw do tej tabeli i MUSI DODAĆ przed numerem 1, co oznacza, że ​​muszę ponownie napisać listę numerów (EX: 1 1 2 3 4 -> 1 2 3 4 5). Czuję, że to nie jest dobry sposób.

UWAGA: Nie chcę zmieniać zmniejszania numeru listy od góry do dołu. A to jest plik HTML, więc nie można zastosować PHP

Każdy może mi pomóc, aby numer stał się zmienną taką jak „i”, a funkcja może pomóc mi automatycznie wypełnić zmienną i od góry do dołu, podobnie jak

<tr>
    <td>i</td>
    <td>Harry</td>
</tr>
<tr>
    <td>i</td>
    <td>Simon</td>
</tr>
    <td>i</td>
    <td>Maria</td>
</tr>
</tr>
    <td>i</td>
    <td>Victory</td>
</tr>

Funkcja Fill_i na przykład: Myślę, że w tym przypadku należy użyć JavaScript. Dziękujemy za pomoc i sugestie dotyczące tego problemu.

Ponownie: nie wolno mi używać PHP ani ASP, a kiedy dodaję nową nazwę, dodam ją ręcznie przez HTML.