Manipulate URL using JavaScript

url.ts

// this works but is quite messy and error prone
function getUrl(server: string, path: string, name: string, age: number): string {
  const trimmedServer = server.endsWith("/") ? server.slice(0, -1) : server; // remove trialing slash if any
  const origin = trimmedServer.startsWith("http") ? trimmedServer : `https://${trimmedServer}`; // add protocol if needed
  const trimmedPath = path.endsWith("/") ? path.slice(0, -1) : path; // remove trialing slash if any
  const realPath = trimmedPath.startsWith("/") ? trimmedPath : `/${trimmedPath}`; // add slash to begining if needed
  const params = new URLSearchParams({
    name: name,
    age: String(age)
  });
  return `${origin}${realPath}?${params.toString()}`
}

// the pro way
function getUrl(server: string, path: string, name: string, age: number): string {
  const base = server.startsWith("http") ? server : `https://${server}`;
  const url = new URL(path, base);
  url.searchParams.set("name", name);
  url.searchParams.set("age", String(age));
  return url.toString(); // or url.href
}