Router.ts

export default class Router {
  routes: Object[];
  actualRoute: Text;
  constructor(routes) {
    this.routes = routes;
    this.actualRoute = routes[0].page;
  }
  ChangePages(path) {
    for (let i = 0; i < this.routes.length; i++) {
      if (this.routes[i].path === path) {
        document.querySelector(`.${this.actualRoute}`).style.display = "none";
        this.actualRoute = this.routes[i].page;
        document.querySelector(`.${this.actualRoute}`).style.display = "flex";
      }
    }
  }
}