Question

我对编码非常陌生，我的第一个项目是创建一个表，该表适用于我所托管的社交网站。这是一个表，您可以在其中放置输入并将其添加到表中。我的代码是：

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.log("Song input is " + song)
    console.log("Reason input is " + reason)
    console.log("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字符串中，以及如何在表格中显示呢？因为我现在的问题是，所有内容都会添加到表中，但是一旦重新加载页面，它就会消失。我的另一个问题是-如何做到这一点，以便可以在多个屏幕上看到它？因为此表将接收请求，然后来自另一台计算机的DJ将看到它们，播放它们并将它们从表中删除。因此，我希望该表可以在多个屏幕上显示，也希望每1分钟更新一次？还是3？预先感谢。

将数据存储在JSON中并在表中显示

0 个答案: