如何正确使用本地存储

Question

我正在创建一种铭文形式，我想从第一页获取信息以在第二页中显示。我尝试使用本地存储，但它不起作用。

我尝试在同一页面中进行测试，它可以工作，但是当我使用本地存储尝试它时，它不起作用，当我点击提交时它重新加载页面并且没有任何反应

这是第一页的代码：

function rform()
{
    document.getElemeentByName('insc').reset;
}

function client()
{
    var sexe=document.getElemeentByName('gender');

    var userT=document.getElementById('choice').selectedIndex;
    var name = document.getEelementById('name').value;
    localStorage.setItem('name',name)

    if (userT[1] || userT[2] &&sexe[0].checked )
    {
        var choice = document.getElementById('choice').value;
        localStorage.setItem('choice',choice)
    else
    {

        var res = document.getElementById('choice').value + 'e';
        localStorage.setItem('choice',choice)
    }
    return false;
}

还有第二页：

<span id="result"></span>
<script type="text/javascript">
    document.getElementById("result").innerHTML= 'welcome ' 
        +localStorage.getItem('name')+ ' you are ' 
        +localStorage.getItem('choice');
</script>`

我在第二页中什么也没有，但希望收到带有名称和用户类型的欢迎消息

Answer 1

var choice = document.getElementById('choice').value;
localStorage.setItem('choice','choice')

这不是将Choice 的值设置为localStorage，而是将名为Choice 的localStorage 的值设置为字符串"Choice"。

应该是；

var choice = document.getElementById('choice').value;
localStorage.setItem('choice',choice);