Good morning/afternoon, I'm attempting to create a html website for people to participate in a psychological study. It is mostly created, however, I cannot move any form data to my table in the results page. In addition, I've tried to automatically add a ne row to the table every time a participant enters their data in. I've started with the "age" and "gender" fields with no luck. I want to do this for two more pages but I haven't bothered since I cannot get these two to work. I've tried multiple sources but have come empty-handed. If anyone can give me a solution, it would be helpful.

P.S.: I'm currently using Sublime Text 4, but I've also used Visual Studio Code.

Link to video: https://www.youtube.com/watch?v=0eV-tf-W2rQ&t=184s

Link to multiple videos: https://www.youtube.com/watch?v=e0ihEHxd6vI&list=TLPQMjIxMTIwMjFNmOKj8JKu0A&index=1

Here is the html code for my form and the javascript for the submit code:

And here is the html of the results page, wth some css and javascript: