const u = new URL("https://example.com:443/path?q=1#top");
u.hostname; // example.com
u.searchParams.get("q"); // "1"

// Build safely
const url = new URL("https://api.example.com/v1/search");
url.searchParams.set("q", "café & tea");
url.searchParams.set("page", "2");
console.log(url.href);

// Resolve relative
const abs = new URL("../img/a.png", "https://cdn.example.com/assets/css/");
// https://cdn.example.com/assets/img/a.png

// Read from location (browser)
const page = new URL(location.href);
const tab = page.searchParams.get("tab") ?? "home";

// From form-urlencoded body
const params = new URLSearchParams("a=1&a=2&b=3");
params.getAll("a"); // ["1","2"]

// Iterate
for (const [k, v] of url.searchParams) {
  console.log(k, v);
}

// Update path
url.pathname = "/v2/search";

// canParse (modern)
URL.canParse?.("https://ok.test"); // true

await fetch(url, { method: "GET" });

// POST as form body
await fetch("/login", {
  method: "POST",
  headers: { "Content-Type": "application/x-www-form-urlencoded" },
  body: new URLSearchParams({ user: "ada", remember: "1" }),
});