如何使用Javascript保存用戶輸入和刷新頁面？

Question

我在JS中編寫的函數基本上是一種形式，但在表中（1行3列）。 第一個單元格是一個輸入框，后兩個單元格是按鈕。 我希望一旦用戶輸入文本（例如國家/地區）並單擊“提交”，我想將他輸入的值保存在變量中，以便一旦他單擊“刷新”后，頁面將在國家/地區刷新心神。 如何編寫保存值並刷新頁面的函數？ 這是我的代碼（某些代碼來自另一個答案）：

function createTable(){

    var body = document.body, tbl  = document.createElement('table');
    tbl.style.width='100%';
    tbl.style.border = "0px solid black";
    tbl.style.backgroundColor = "green";
    tbl.setAttribute("style", "font-size:18px;position:absolute;top:0px;right:00px;");

    for(var i = 0; i < 1; i++){
        var tr = tbl.insertRow();
        for(var j = 0; j < 3; j++){
                if (j == 2) {
                    var td = tr.insertCell();
                    input=document.createElement("input");
                    input.type="option";
                    input.value="Enter Country";
                    td.appendChild(input)

                } else if (j == 1) {
                    var td = tr.insertCell();
                    btn=document.createElement("BUTTON");
                    btn.setAttribute("type", "button")

                    var t=document.createTextNode("Submit");

                    btn.appendChild(t);
                    td.appendChild(btn);

                } else if (j == 0) {

                var td = tr.insertCell();
                var btn=document.createElement("BUTTON");
                var t=document.createTextNode("Refresh");
                btn.appendChild(t);
                td.appendChild(btn)         
                }
        }
    }

    body.appendChild(tbl);
}


createTable();

Answer 1

使用localStorage ：

檢查值是否存在：

if(localStorage.getItem("country"))
    // value exists
else
    // value does not exist

設定新值

localStorage.setItem("country", insert_name_here);

取得舊值：

localStorage.getItem("country");