Сохранение изменений в файле JavaScript

Question

У меня есть HTML-код, который создает форму ввода в браузере и файл javascript, который создает массив. Программа javascript принимает значение ввода и добавляет его в массив и после отображения его в браузере.

window.alert("Add some text")
var x;
var arr=["text1","text2"]
function myFunction() {
    x=document.getElementById('input').value;
    x=x.toLowerCase();
    var y=arr.indexOf(x);
    if (y!=-1) {
        window.alert("You have added this text before");
    } else {
        arr.push(x);
        document.getElementById('demo').innerHTML=arr ;
    }
}

Проблема в том, что при выходе из файла (веб-страница, отображаемая в моем браузере) я теряю входные данные. Допустим, я добавляю "text3", и программа отображает текст3, когда я выхожу из браузера, я теряю ввод "text3". Что я могу сделать, чтобы сохранить входы и отобразить их, даже если я выйду из программы и войду снова? Могу ли я создать два файла javascript, один с массивом (например, базой данных), и другой, который будет принимать входные данные и сохранять их в другом файле javascript, и если да, то как мне это сделать?

Answer 1

Поскольку javascript является клиентской стороной, вы никогда не сможете хранить постоянные данные, так как скрипт будет загружен (сброшен) после любого обновления. Знаете ли вы о концепции html5 localstorage? Сохранение данных из js в область памяти браузеров.

Изменить: Быстрый старт на местном хранилище - http://www.w3schools.com/html/html5_webstorage.asp