title: Is there Any way that the HREF can popup this?
body: <p>When this code pops up as a form it works well, but when I press &quot;Don't have an Account..&quot; it redirects to the Parent Directory.</p>
  <p>Can someone help?</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>document.querySelector("#linkCreateAccount").addEventListener("click", e =&gt; {
    e.preventDefault();
    loginForm.classList.add("form--hidden");
    createAccountForm.classList.remove("form--hidden");
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="header"&gt;
    &lt;ul class="headerList"&gt;
      &lt;li id="item"&gt; &lt;a href="index.html"&gt;Home&lt;/a&gt;&lt;/li&gt;
      &lt;li id="item"&gt; &lt;a href="about-us.html"&gt;About us&lt;/a&gt;&lt;/li&gt;
      &lt;li id="item"&gt; &lt;a href="contact-us.html"&gt;Contact us&lt;/a&gt;&lt;/li&gt;
      &lt;li id="popup-login"&gt;
        &lt;button onclick="togglePopup()"&gt;Login/Register&lt;/button&gt;
        &lt;div class="popup" id="popup-1"&gt;
          &lt;div class="overlay"&gt;&lt;/div&gt;
          &lt;div class="content"&gt;
            &lt;div class="close-btn" onclick="togglePopup()"&gt;&amp;times;&lt;/div&gt;
            &lt;form class="form" id="login"&gt;
              &lt;h1 class="form__title"&gt;Login/Register&lt;/h1&gt;
              &lt;div class="form__message form__message--error"&gt;&lt;/div&gt;
              &lt;div class="form__input-group"&gt;
                &lt;input type="text" class="form__input" autofocus placeholder="Username or email"&gt;
                &lt;div class="form__input-error-message"&gt;&lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="form__input-group"&gt;
                &lt;input type="password" class="form__input" autofocus placeholder="Password"&gt;
                &lt;div class="form__input-error-message"&gt;&lt;/div&gt;
              &lt;/div&gt;
              &lt;button class="form__button" type="submit"&gt;Continue&lt;/button&gt;
              &lt;p class="form__text"&gt;
                &lt;a href="#" class="form__link"&gt;Forgotten your password?&lt;/a&gt;
              &lt;/p&gt;
              &lt;p class="form__text"&gt;
                &lt;a class="form__link" href="./" id="linkCreateAccount"&gt;Don't have an account? Create account?&lt;/a&gt;
              &lt;/p&gt;
            &lt;/form&gt;</code></pre>
  </div>
  </div>
  </p>