html - keep javascript variables values obtained by id after refresh -

i'm getting html input values javascript insert in table , turned null when refresh , how can keep value visible after refresh . know should set , cookies don't how . here javascript code :

function myfunction(tableid) {   var x = document.getelementbyid("name").value;   var ad = document.getelementbyid("address").value;   var nu = document.getelementbyid("tel").value;   var pr = document.getelementbyid("product").value;   var s = document.getelementbyid("size").value;   var d = document.getelementbyid("date").value;   var st = document.getelementbyid("statu").value;   var table = document.getelementbyid(tableid);   var rowcount = table.rows.length;   var row = table.insertrow(rowcount);    var cell1 = row.insertcell(0);   cell1.innerhtml = x;    var cell2 = row.insertcell(1);   cell2.innerhtml = ad;    var cell3 = row.insertcell(2);   cell3.innerhtml = nu;    var cell4 = row.insertcell(3);   cell4.innerhtml = pr;    var cell5 = row.insertcell(4);   cell5.innerhtml = s;    var cell6 = row.insertcell(5);   cell6.innerhtml = d;    var cell7 = row.insertcell(6);   cell7.innerhtml = st; } 

any ?

thanks

one way stick them in sessionstorage (which accessible across page refreshes).

to store them:

sessionstorage.setitem('foo', 'bar'); 

to them:

sessionstorage.getitem('foo'); 

when page loaded, can them sessionstorage repopulate elements.