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>Document</title>
    <link rel="stylesheet" href="./styles/navbar.css" />
    <!-- <script src="https://kit.fontawesome.com/a076d05399.js"></script> -->
  </head>

  <body></body>
</html>
<script type="module">
  import navbar from "./components/navbar.js";
  document.querySelector("body").innerHTML += navbar();

  let signindata = localStorage.getItem("system") || [];
  let signindataname = JSON.parse(localStorage.getItem("signupKey"));
  console.log(signindataname);
  for (let i = 0; i < signindataname.length; i++) {
    if (signindata == "online") {
      let signin = document.getElementById("menu2");
      signin.innerText = signindataname[i].oName;

      signin.style.color = "blue";
    }
  }
</script>