如何以适当的方式使用本地存储

Question

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

我试图在同一页上进行测试，但是可以正常工作，但是当我使用localstorage进行测试时，它不起作用，并且当我单击“提交”时，它会重新加载页面，但没有任何反应

这是第一页的代码：

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);