Хранить данные в JSON и отображать их в таблице

Я очень новичок в кодировании, и мой первый проект — создание таблицы, которая будет работать для социальной сети, которую я размещаю. Это таблица, в которую вы можете ввести ввод, и он добавит его в таблицу. Мой код:

function addToTable() {
    var table = document.getElementById("mainTable");
    var song = document.getElementById("songInput").value;
    var reason = document.getElementById("reasonInput").value;
    var team = document.getElementById("teamInput").value;
    var dataArray = [song, reason, team];
    console.info("Song input is " + song)
    console.info("Reason input is " + reason)
    console.info("Team input is " + team)

    for (var i = 0; i < dataArray.length; i++){
        var today = new Date();
        var time = today.getHours() + ":" + today.getMinutes() + ":" + today.getSeconds();
        var row = table.insertRow(table.rows.length);
        var songCell = row.insertCell(i);
        var reasonCell = row.insertCell(i);
        var teamCell = row.insertCell(i);i
        var timeCell = row.insertCell(3);
        songCell.innerText = song;
        reasonCell.innerText = reason;
        teamCell.innerText = team;
        timeCell.innerText = time;

    }
}

Очевидно, с HTML и прочим. Мой вопрос: как мне сохранить полученные данные (команда, песня, причина) в строке JSON и как показать это в таблице? Потому что моя проблема сейчас в том, что все будет добавлено в таблицу, но как только страница будет перезагружена, она исчезнет. Мой другой вопрос: как мне сделать так, чтобы это можно было увидеть более чем на одном экране? так как этот стол будет принимать запросы и потом диджей с другого компа их увидит, проиграет и уберет со стола. Итак, я бы хотел, чтобы таблица отображалась на нескольких экранах, а также, надеюсь, обновлялась каждую минуту? или 3? Заранее спасибо.