首页 > 解决方案 > 当我运行此代码时,它给了我错误:login.js:12 Uncaught TypeError: Cannot read property 'value' of null at HTMLInputElement.login (login.js:12)

问题描述

let username = document.querySelector("username");
let password = document.querySelector("password");
let singinBtn = document.querySelector("sing_in");
let getuser = localStorage.getItem("username");
let getpassword = localStorage.getItem("password");

if(singinBtn){
    singinBtn.addEventListener("click",login);

    function login(e){
        e.preventDefault();

        if(getuser.value==="" || getpassword.value===""){
            alert("please fill data");
        }
        else{ 
            if(getuser && getuser.trim===username.value.trim() && getpassword && getpassword.trim===password.value.trim())
            {
                setTimeout(()=>{ 
                    window.location="index.html";
                },1500);
            }
            else{
                alert("username or password wrong");
            }
        }
    }
}

标签: javascriptnull

解决方案


查看您的代码,它必须是或者getuser设置getpassword为空。因此,要么localStorage.getItem("username");localStorage.getItem("username");正在返回 null。


推荐阅读