Navbar.html

<!DOCTYPE html>
<html lang="en">

<head>
    
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Bewakoof Navbar</title>
    <link rel="stylesheet" href="Navbar.css">
    <!-- // icons -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css"
        integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8yyUHUSCcJHgXloTyT2A=="
        crossorigin="anonymous" referrerpolicy="no-referrer" />
    <!-- ?fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link
        href="https://fonts.googleapis.com/css2?family=Eczar:wght@400;500;600;800&family=Gentium+Book+Plus:ital,wght@0,400;0,700;1,400;1,700&family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,500;1,600;1,800&family=Roboto+Slab:wght@200;400;600;800;900&family=Splash&family=Yantramanav:wght@400;500;900&display=swap"
        rel="stylesheet">
</head>

<body>

    <div class="navbar">


        <div class="navigation-links">

            <div class="logo">
                <img src="https://images.bewakoof.com/web/ic-desktop-normal-bwkf-logo.svg" alt="logo">
            </div>

            <div>
                <ul>
                    <li><a href="#">MEN</a></li>
                    <li><a href="#">WOMEN</a></li>
                    <li><a href="#">MOBILE COVERS</a></li>
                </ul>
            </div>

        </div>

        <div class="login-up">


            <div>
                <button><i class="fa-solid fa-magnifying-glass"></i> </button>

                <input type="search" placeholder="Search by product, category or collection">
            </div>
            <div style="display: flex" ;>
                <a id=" chnagetext" href="siginUp.html">Login</a>
                <i class="fa-regular fa-heart"></i>


                <a href="cart.html"> <i class="fa-sharp fa-solid fa-lock"></i></a>
            </div>


        </div>

    </div>

</body>

</html>

<script>

    var navData = JSON.parse(localStorage.getItem("loginData"));

    navData.map(function (elem) {
        document.querySelector("#chnagetext").innerText = elem.name;
        console.log(elem.name);
    });


</script>