Javascript 保存用户在重新加载/刷新后所做的输入

Javascript 保存用户在重新加载/刷新后所做的输入,javascript,html,jquery,css,Javascript,Html,Jquery,Css,我想添加一个功能,每当用户刷新、重新加载甚至关闭页面时,用户都可以看到用户之前输入的数据或在中选择的数据 此外,当用户进行更新和刷新时,他们会显示能够看到更改 let doc、htm、bod、nav、M、I、S、Q、hC、aC、rC、tC;//用于其他负载 addEventListener('load',()=>{ doc=文件; htm=doc.documentElement; bod=文件正文; 导航=导航器; M=tag=>doc.createElement(标记); I=id=>doc

我想添加一个功能,每当用户刷新、重新加载甚至关闭页面时,用户都可以看到用户之前输入的数据或在
中选择的数据

此外,当用户进行更新和刷新时,他们会显示能够看到更改

let doc、htm、bod、nav、M、I、S、Q、hC、aC、rC、tC;//用于其他负载
addEventListener('load',()=>{
doc=文件;
htm=doc.documentElement;
bod=文件正文;
导航=导航器;
M=tag=>doc.createElement(标记);
I=id=>doc.getElementById(id);
mobile=/Mobi/i.test(nav.userAgent);
S=(选择器,在范围内)=>{
设w=在| | doc内;
返回w.querySelector(选择器);
}
Q=(选择器,内部)=>{
设w=在| | doc内;
返回w.querySelectorAll(选择器);
}
hC=(节点,类名)=>{
返回node.classList.contains(className);
}
aC=(节点,…类名)=>{
node.classList.add(…classNames);
返回aC;
}
rC=(节点,…类名)=>{
node.classList.remove(…classNames);
返回rC;
}
tC=(节点,类名)=>{
node.classList.toggle(className);
返回tC;
}
//上面的小库-可以使用加载事件*(除了//结束加载行)将下面的魔术放到另一个页面上*
常数trs=Q('tbody>tr'),
trsL=trs.length,
prs=Q('tfoot>tr>td+td'),
prsM=prs.length-1,
ya=[];
函数showAverages(){
设total=0;
for(设p=0,c,t,l=ya.length;p{
ya[i][n]=s.value=='Yes'?1:0;
showAverages();
}
}
}
showAverages();
});
*{
/*将字体大小设置为单独,以避免出现空白问题*/
框大小:边框框;
字号:0;
填充:0;
保证金:0;
}
p{
字体:斜体16px乔治亚,加拉蒙,衬线;
}
/*增加-----------------*/
p跨度{
颜色:黑色;
字体:粗体16px乔治亚,加拉蒙,衬线;
}
/* ---------------- */
桌子{
宽度:100%;
表布局:固定;
边界塌陷:塌陷;
}
thead*,
t英尺*{
字体:粗体16px Arial,san衬线;
}
t正文*{
字体:15px Arial,无衬线;
}
运输署,
th{
宽度:90px;
边框:1px实心#ccc;
文本对齐:左对齐;
填充:8px;
}
tr:n个孩子(偶数){
背景:ddd;
}
tfoot>tr>td:not(:最后一个孩子):之后{
内容:“”;
字体大小:粗体;
}

平均数
查找和显示平均值:


月 简 二月 破坏 四月 也许 六月 七月 八月 九月 十月 十一月 12月 总平均数 响应百分比 购买办公用品 对 不 对 不 对 不 对 不 对 不 对 不 对 不 对 不 对 不 对 不 对 不 对 不 节省超过25000美元 对 不 对 不 对 不 对 不 对 不 对 不 对 不 对 不 对 不 对 不 对 不 对 不 储蓄 对 不 对 不 对 不 对 不 对 不 对 不 对 不 对
localStorage.setItem("lastname", "Smith");
// Retrieve
document.getElementById("result").innerHTML = localStorage.getItem("lastname");
localStorage.setItem("savetab", JSON.stringify(ya));
ya = JSON.parse(localStorage.getItem("savetab"));

after you rebuild your display yes or no for each row/column
   for(var row = 0; row < 6; row++){
     for(var col = 0; col < 12; col++){
       $("select").eq(row * 12 + col).val(ya[row, col] == 1 ? "Yes" : "No");
     }
   }
  //restore your data here before calling the function average
  showAverages();

});