как отобразить текстовый элемент в файле. html после того, как событие щелкнуло из другого файла. html?

Question

этот путь индекса. html

 <div class="show"></div> 

это логин. html

<form class="login" action="#">
                   <div class="item-input top">
                       <h5>Email</h5>
                       <input class="focus" type="email" id="email" name="email">
                   </div>
                   <div class="item-input">
                    <h5>Password</h5>
                    <input type="password" class="focus" id="pass" name="pass">
                   </div>
                   <div class="item-checkbox">
                    <a href="#">Forgot password?</a>
                   </div>          
                   <button type="submit" class="btn" id="login">Login</button>
                   <div class="faq">
                    <h5>Read The Program Rules | FAQ</h5>
                </div>
                </form>

это главное. js

// create account
var members = [
    {    
        email : "khoa28101998@gmail.com",
        password : "intelcore2"    
    },
    {
        email : "admin2@gmail.com",
        password : "admin2"
    },
    {
        email : "admin3@gmail.com",
        password : "admin3"
    },
    {
        email : "admin4@gmail.com",
        password : "admin4"
    },
    {
        email : "admin5@gmail.com",
        password : "admin5"
    }
]
//convert json and save on local storage
function backUp(){
     members.forEach(member => {
         localStorage.setItem(member.email, JSON.stringify(member));
     })
}
backUp();

//get members on local storage
var listMember = [];
function getMember(){
    const keys = Object.keys(localStorage);
        keys.forEach( key => {
           listMember.push(JSON.parse(localStorage.getItem(key)));
        })
} 
// validate form login and into index.html 
$("#login").click(function(){
    const email = $("#email").val();
    const pass = $("#pass").val();
    if($(".login").valid()){
        const data_user = localStorage.getItem(email);//chuyen thanh cai json (string)
        const data_users = JSON.parse(data_user);
        if(data_user === null) alert("Wrong password or email");
        else{
            if(email === data_users.email && pass === data_users.password){   
                getMember();   
               listMember.filter(member => member.email === email && member.password === pass ).forEach(
                   member => $(".show").append(`<h5>${member.email}</h5>`)
                );
                $(".login").attr("action","index.html")
                $(".login").submit();                               
            }
            else alert("Wrong password or email")
        }
    }   
})

Пример: сначала вы вводите адрес электронной почты (khoa28101998@gmail.com) и пароль (intelcore2) при входе в систему. html затем нажимаете кнопку #login и login. html отправить в index. html, затем отобразить в index. html is: khoa28101998@gmail.com. Если я использую только login. html, тогда для khoa28101998@gmail.com все в порядке. Но когда я комбинирую между index. html и логином. html, это не сработает.