const url = new URL(event.target.href);

import { homePage } from "./home.js";
import { loginPage } from "./loginPage.js";
import { registerPage } from "./register.js";
import { logoutPage } from "./logout.js";
import { updateNavBar } from "./utils.js";

document.querySelector('nav').addEventListener('click', onNavigate);

const routes = {
    '/': homePage,
    '/login': loginPage,
    '/register': registerPage,
    '/logout': logoutPage,
}

function onNavigate(event) {
    event.preventDefault();

    if (event.target.tagName === "A" && event.target.href) {
        const url = new URL(event.target.href);
        console.log(url)
        debugger
        const view = routes[url.pathname];
        view();


    };

};
homePage();
updateNavBar()