javascript - How to permanently change the DOM on an HTML file -

i'm making windows 8 store app using html, javascript, , css. app allows user make lists, , manage items inside of lists. i've managed edit lists , want, problem once close app, reset, because none of changes dom made (such elements added or removed) saved, , lose of lists , items made. possible edit dom in such way edits actual html file, did still there once open app again? if not, alternate methods saving user data once app closed?
thanks,
daniel

this may late hope helps.

you can use html local storage.with local storage, web applications can store data locally within user's browser.

before html5, application data had stored in cookies, included in every server request. local storage more secure, , large amounts of data can stored locally, without affecting website performance.

unlike cookies, storage limit far larger (at least 5mb) , information never transferred server.

local storage per origin (per domain , protocol). pages, 1 origin, can store , access same data.

you can store data by

localstorage.setitem("name", "daniel bezden");

and can access them

localstorage.getitem("name");

good luck!