onload 方法1运行就就报错不知什么原因

代码运行失败不知道是哪里的问题
html>
<html>
    <head>
        <meta charset="utf-8">
        <title>javascript练习title>
        
        <script type="text/javascript">
            function onLoad(){
                inputSpan.style.display='none'; /*隐藏输入框和提交按钮*/
                if(typeof(Storage)=="undefined"){
                    alert("sorry 您的浏览器不支持 web Stoage");
                }else{
                    /*判断姓名是否已经存入localStorage，存入时才执行{}内的命令*/
                    if(localStorage.username){
                        /*数据不存在时返回undefined*/
                        if(!localStorage.counter){
                            localStorage.counter = 1; /*初始值设置为1*/
                        }else{
                            localStorage.counter++;/*自增*/
                        }
                        btn_login.style.display="none"; /*隐藏登录按钮*/
                        show_localstorage.innerHTML = localStorage.username+"您好，这是你第"+localStorage.counter+"次来到网站";
                    }
                    btn_login.addEventListener("click",login);
                    btn_send.addEventListener("click",sendok);
                    btn_logout.addEventListener('click',clearLocalStorage);
                }
            }
            
            function sendok(){
                localStorage.username=InputEvent.value;
                location.reload();/*重写加载网页*/
            }
            
            function login(){
                inputSpan.style.disoolay="";/*显示姓名输入框及提交按钮*/
            }
            
            function clearLocalStorage(){
                localStorage.clear();  /*清空localstorage*/
                show_localstorage.innerHTML="已成功注销";
                btn_login.style.display="";/*显示登录按钮*/
                inputSpan.style.display=""; /*显示姓名 输入框及 提交  按钮*/
            }
            
        script>
    head>
    <body onload="onLoad()">
        <button id="btn_login">登录button>
        <button id="btn_logout" >注销button>
        <img src="img/th.jpg" /> <br />
        <span id="inputname">请输入你的姓名:<input type="text" id="inputname" value=""/> <button id="btn_send">提交按钮button> span>
        <br />
        <div id="show_LocalStorage">div>
        <br />
    body>
html>
UncaughtReferenceError: inputSpan is not defined
我的解答思路和尝试过的方法
运行成功并说一下是啥原因呗

不是提示你没有定义inputSpan吗？

你本来就没有inputSpan好吧？可参考：https://www.php.cn/div-tutorial-390064.html
下面是我改了一下的，仅供参考：

<!DOCTYPE html>
<html>
<head>
<title>网页存储localStorage</title>
<script type="text/javascript">

function onLoad(){

    if(typeof(Storage)=="undefined"){

        alert("Sorry！你的浏览器不支持Web Storage");
    }
    else{
        if(localStorage.username){
        /*数据不存在时返回undefined*/
            if(!localStorage.counter){
                localStorage.counter = 1; /*初始值设置为1*/
            }else{
                localStorage.counter++;/*自增*/
            }
            btn_login.style.display="none"; /*隐藏登录按钮*/
            show_LocalStorage.innerHTML = localStorage.username+"您好，这是你第"+localStorage.counter+"次来到网站";
        }
        btn_login.addEventListener("click",saveToLocalStorage);
        btn_load.addEventListener("click",loadFromLocalStorage);
        btn_logout.addEventListener("click",clearLocalStorage);
    }
}

 

function saveToLocalStorage(){
    localStorage.username = inputname.value;
    location.reload();
}

function login(){
            inputSpan.style.display="";/*显示姓名输入框及提交按钮*/
            }

function loadFromLocalStorage(){
    show_LocalStorage.innerHTML = localStorage.username+"你好，欢迎来到我的网站！";
}

function clearLocalStorage(){
    localStorage.clear();
    show_LocalStorage.innerHTML = localStorage.username+ "已成功注销";
    btn_login.style.display="";/*显示登录按钮*/
    inputSpan.style.display=""; /*显示姓名 输入框及 提交  按钮*/
}

</script>

</head>

 

<body onload="onLoad()">
<span id="inputSpan">请输入你的姓名:<input type="text" id="inputname" value=""/> <button id="btn_load">提交按钮</button> </span>

<p id="show_LocalStorage"></p><br />
<button id="btn_login">登录</button>
<button id="btn_logout">注销</button>
</body>
</html>