Help editing Javascript Grade Sheet once again

Question

Yesterday, Andre Daniels helped me by constructing a grade sheet linked below
https://code.sololearn.com/WM2Je4dpQI9M/?ref=app

Now, I am curious how we could make the page more Interactive, by allowing the user to dynamically add the students names to the page rather then the names already be there on page load, but keeping in mind still to allow the user to grade the students and get a total GPA?

So, basically building the grade sheet(table) bigger as the user adds student names. What would this look like?

Answer 1

Study how this sheet data being updated..
https://code.sololearn.com/W9uCmsxCX15K/?ref=app

Answer 2

im confused. I am having trouble understanding how we push a new Table row into an existing table. Which I guess would go hand in hand with pushing an new empty Array into an already existing Array as well.