How to let 2 html pages communicate

Question

i'm new to web tecnologies, and i'm trying to make some stuff work. I have 2 similar html pages, with the same table on them.

I have to make sure that every data inserted in the first table (editable) is replicated in the same cell of the second table (of the other HTML page). HTML code I used is really simple, I've added some style with CSS and 3 functions with JS (add, delete and modify row). I have to replicate these changes to rows too.

I'm a bit confused, I think I have to manage this thing with a server application, maybe in php, but i don't know how to start.

I've searched this site, but I didnt find anything useful, for now. How can I approach this problem? I want to learn these things, I am not asking you for having working code and easily solve the problem... Thanks to everybody in advance.

Answer 1

You need to store the data somewhere (database, local storage, cookie, file, etc.), and read it when page loads. The most common way is to store the data in database.

When your page loads, get the data from the database and build the table. This is a good place you can start learning how to work with MySql database: http://www.w3schools.com/php/php_mysql_intro.asp

Answer 2

Angular JS库将是您的问题的简单解决方案。