javascript - ページを更新した後、htmlテーブルを変更しないようにする方法

Question

ユーザー入力を取得するための2つのテキストボックスと、それらの値を新しい行としてhtmlテーブルに追加するためのボタンを含むWebページを作成しました。私はこの機能を実行するためにjavascriptを使用しました。これが私のコードです：

Javascriptコード

function addData(tableID)
{   
            var t = document.getElementById("timeslot").value;
            var m = document.getElementById("mon").value;

            var table = document.getElementById(tableID);

            var rowCount = table.rows.length;
            var row = table.insertRow(rowCount);

            var cell1 = row.insertCell(0);
            var element1 = document.createTextNode(t);
            element1.type = "label";
            cell1.appendChild(element1);

            var cell2 = row.insertCell(1);
            var element2 = document.createTextNode(m);
            element2.type = "label";
            cell2.appendChild(element2);
}

HTMLコード

    <input type='button' name='Add' value='Add' style='width:130px;padding:10px;' onclick="addData('timetable')">

このコードは正しく機能します。しかし、ページを更新すると、新しい行を挿入する前に、新しく追加された行が消えて、ページが元の状態になります。これを回避し、新しく追加されたフィールドを変更せずにテーブルを保持するにはどうすればよいですか？

Answer 1

ページをリロードするたびに静的または動的に追加します。