Javascript localStorage getItem无法正常工作

因此，我试图在表单surfer中留下一个印象，然后以便条和记录文本的形式出现，他记录的所有内容都将保存在LOCALSTORAGE中：

var tasks=[]；
document.querySelector（“添加”）.addEventListener（“单击”，函数（）{
var missionName=document.querySelector（“输入[name=mission]”）。值；
var missionDate=document.querySelector（“输入[名称=日期]”）.value；
var missionDesc=document.querySelector（“textarea[name=description]”）；
document.querySelector（“ul”）.innerHTML+=“
”+missionName+”“+”
“+missionDate+”
“+missionDesc+””；
任务。推({
任务名称：任务名称，
missionDate:missionDate，
missionDesc:missionDesc
});
var JSONtasks=JSON.stringify（任务）；
setItem（“任务”，JSONtasks）；
tasks=localStorage.getItem（“任务”）；
tasks=JSON.parse（tasks）；
});
正文{
背景：url（images/bg2.jpg）；
保证金：0自动；
填充：0；
}
#整经机{
边框底部：5px纯黑；
}
#标志img{
左缘：30%；
保证金权利：30%；
利润率最高：4%；
利润底部：4%；
宽度：35%；
}
#董事会{
背景：url（images/paper.png）不重复；
保证金：0自动；
边缘底部：40px；
宽度：700px；
最小高度：153px；
填充：50px 60px；
}
#董事会表格{
利润上限：-20px；
}
#板标签{
字号：0.8em；
字体大小：粗体；
字体系列：arial；
文本转换：大写；
}
#董事会文本区，
输入{
边缘底部：0px；
颜色：灰色；
}
#任务板{
填充顶部：50px；
背景色：rgba（43,44,44,0.4）；
背景：rgba（43,44,44,0.4）；
最小高度：1000px；
位置：相对位置；
}
保险商实验室{
位置：绝对位置；
z指数：3；
顶部：20px；
左：100px；
列表样式：无；
}
ulli{
显示：内联块；
背景：红色；
宽度：249px；
最小高度：327px；
左侧填充：20px；
填充底部：30px；
}
.注{
填充：50px；
}

说出你的使命：
死线：




描述你的使命：




加载页面时，只需显示本地存储中的任务，如下所示：


var tasks=[]；
//在这里加载保存的任务
if（localStorage.getItem（“任务”））{
tasks=JSON.parse（localStorage.getItem（“tasks”）；
对于（var i=0；i，加载页面时只需显示localStorage中的任务，如下所示：


var tasks=[]；
//在这里加载保存的任务
if（localStorage.getItem（“任务”））{
tasks=JSON.parse（localStorage.getItem（“tasks”）；
对于（var i=0；ithanks，我也想避免空笔记，我尝试过这样做但没有成功，希望你帮助我！谢谢，我也想避免空笔记，我尝试过这样做但没有成功，希望你帮助我！