Javascript 我有一个姓名列表，如<；李>；，单击名称应将其保存到本地存储。。。附加代码

我有这个名字列表，如果他们点击一个名字，它应该保存到本地存储并显示在一个div中

<ul class="namelist">
<li>Liam</li> 
<li>Noah</li> 
<li>William</li> 
<li>James</li> 
<li>Oliver</li> 
<li>Benjamin</li> 
<li>Elijah</li> 
<li>Lucas</li> 
</ul>

利亚姆
诺亚
威廉王子
詹姆斯
奥利弗
本杰明
以利亚
卢卡斯

JS

$（文档）.ready（函数（）{
$（'ul.namelist li'）。在（“单击”，函数（）{
var name=（$（this.text（））；
var last=“”；
var c=sessionStorage.setItem（名称，最后一个）；
});
})
函数doFirst（）{
显示（）；
}
功能显示（）{
var display_data=document.getElementById（'display_data'）；
显示_数据。innerHTML=“”；
for（var i=0；i”；
}
}
函数clear（）{
sessionStorage.clear（）；
location.reload（）；
}
window.addEventListener（“加载”，doFirst，false）；

HTML

利亚姆
诺亚
威廉王子
詹姆斯
奥利弗
本杰明
以利亚
卢卡斯

请帮助我修改代码以捕获点击

，并将其存储。您也可以使用JQuery

谢谢，请帮忙，我正在学习Javascript

试一试

Html

<ul class="namelist">
<li>Liam</li> 
<li>Noah</li> 
<li>William</li> 
<li>James</li> 
<li>Oliver</li> 
<li>Benjamin</li> 
<li>Elijah</li> 
<li>Lucas</li> 
</ul>
<div id="divShow">
</div>

利亚姆
诺亚
威廉王子
詹姆斯
奥利弗
本杰明
以利亚
卢卡斯

Jquery

<script>
$('.namelist li').click(e=>{    
    localStorage.setItem($(e.currentTarget).text(), $(e.currentTarget).text());
    $('#divShow').append('<p>'+$(e.currentTarget).text()+'</p>');
});
</script>

$（'.namelist li'）。单击（e=>{
setItem（$（e.currentTarget.text（），$（e.currentTarget.text（））；
$（'#divShow'）.append（''+$（e.currentTarget.text（）+'
'）；
});

这是一个代码请求，不是一个新问题，这里有单独的代码请求部分吗？谢谢你，阿米特，它使用的代码少得多。帮了大忙。但是在页面刷新时，数据丢失。要求在另一个页面或在另一次访问期间显示选定的名称。请尝试以下操作（（）=>{if（sessionStorage.getItem（'myList'）！=undefined）{$（'divShow'）.html（sessionStorage.getItem（'myList'）；}}}）（$（'namelist li'）。单击（e=>{sessionStorage.setItem（'myList'，sessionStorage.getItem（'myList'）！=未定义？sessionStorage.getItem（'myList'）+'
'+$（e.currentTarget.text（）：$（e.currentTarget.text（））；console.log（sessionStorage.getItem（'myList'）；$（'divShow'）.html（sessionStorage.getItem（'myList'））；）；

<ul class="namelist">
<li>Liam</li> 
<li>Noah</li> 
<li>William</li> 
<li>James</li> 
<li>Oliver</li> 
<li>Benjamin</li> 
<li>Elijah</li> 
<li>Lucas</li> 
</ul>
<div id="divShow">
</div>

<script>
$('.namelist li').click(e=>{    
    localStorage.setItem($(e.currentTarget).text(), $(e.currentTarget).text());
    $('#divShow').append('<p>'+$(e.currentTarget).text()+'</p>');
});
</script>