He estado tratando de hacer que mi renderUserList funcione cuando envío una nueva Persona a la matriz y la muestro en una fila de la tabla. Para probar que se procesa desde el principio, agregué una primera persona a la matriz desde el principio. Cuando registro en la consola la matriz y la función de representación, parecen funcionar. La matriz aumenta y el sitio se muestra de nuevo cuando "envío" algo. Sin embargo, mi página permanece vacía independientemente de lo que haga y solo la matriz parece funcionar según lo previsto, pero mi dom html no cambia en lo más mínimo.

 class Person { public Firstname: string; public Lastname: string; constructor(Firstname: string, Lastname: string) { this.Firstname = Firstname; this.Lastname = Lastname; } } let people: Person[] = [ new Person("Peter", "Parker")] document.addEventListener("DOMContentLoaded", () => { renderUserList(people); document.getElementById("add-user").addEventListener("submit", (event) => { event.preventDefault(); const FormField: HTMLFormElement = document.getElementById("add-person") as HTMLFormElement const FirstNameInput: HTMLInputElement = document.getElementById("Firstname") as HTMLInputElement; const LastNameInput: HTMLInputElement = document.getElementById("Lastname") as HTMLInputElement; const FName: string = FirstNameInput.value; const LName: string = LastNameInput.value; if (FName && LName) { people.push(new Person(FName, LName)); renderUserList(people); FormField.reset(); } }) function renderUserList(userlist: Person[]): void { const peoplelist: HTMLElement = document.getElementById("peoplelist") for (let i: number = 0; i < userlist.length; i++) { peoplelist.innerHTML = ""; `<tr> <td class="p-3 table-font">${people[i].Firstname}</td> <td class="p-3 table-font">${people[i].Lastname}</td> <td> <button class="btn tablebutton delete-button list-button" data-idx="${i}"><i class="fas fa-trash-alt"></i></button>] <button type="button" class="btn tablebutton edit-button list-button" data-bs-toggle="modal" data-bs-target="#ModalWindow" data-idx="${i}"><i class="fas fa-user-edit"></i></button> </td> </tr>`; } } })