ip-checker/ui/script.js

async function main() {
  const [ny4, ipsb, speedtestcn, ipapiis] = await Promise.allSettled([
    fetchAsync("https://ip.ny4.dev/api/v1/ip"),
    fetchAsync("https://api.ip.sb/geoip"),
    fetchAsync("https://api-v3.speedtest.cn/ip"),
    fetchAsync("https://api.ipapi.is/"),
  ]);

  if (ny4.status === "fulfilled") {
    updateDom("check-ny4-ip", ny4.value.ip);
    updateDom("check-ny4-location", [
      ny4.value.city,
      ny4.value.region,
      ny4.value.country,
      ny4.value.organization,
    ]);
  } else {
    updateDom("check-ny4-ip", "Fetch Failed");
    updateDom("check-ny4-location", "Fetch Failed");
    console.log("Fetch failed:", ny4.reason);
  }

  if (ipsb.status === "fulfilled") {
    updateDom("check-ipsb-ip", ipsb.value.ip);
    updateDom("check-ipsb-location", [
      ipsb.value.city,
      ipsb.value.region,
      ipsb.value.country,
      ipsb.value.isp,
    ]);
  } else {
    updateDom("check-ipsb-ip", "Fetch Failed");
    updateDom("check-ipsb-location", "Fetch Failed");
    console.log("Fetch failed:", ipsb.reason);
  }

  if (speedtestcn.status === "fulfilled") {
    updateDom("check-speedtestcn-ip", speedtestcn.value.data.ip);
    updateDom("check-speedtestcn-location", [
      speedtestcn.value.data.city,
      speedtestcn.value.data.province,
      speedtestcn.value.data.country,
      speedtestcn.value.data.isp,
    ]);
  } else {
    updateDom("check-speedtestcn-ip", "Fetch Failed");
    updateDom("check-speedtestcn-location", "Fetch Failed");
    console.log("Fetch failed:", speedtestcn.reason);
  }

  if (ipapiis.status === "fulfilled") {
    updateDom("check-ipapiis-ip", ipapiis.value.ip);
    updateDom("check-ipapiis-location", [
      ipapiis.value.location.city,
      ipapiis.value.location.state,
      ipapiis.value.location.country,
      ipapiis.value.company.name,
    ]);
  } else {
    updateDom("check-ipapiis-ip", "Fetch Failed");
    updateDom("check-ipapiis-location", "Fetch Failed");
    console.log("Fetch failed:", ipapiis.reason);
  }
}

async function fetchAsync(url) {
  try {
    const response = await fetch(url);
    if (!response.ok) {
      throw new Error(`HTTP error! Status: ${response.status}`);
    }
    return await response.json();
  } catch (error) {
    console.log("Fetch error:", error);
    throw error;
  }
}

function updateDom(elementId, content) {
  document.getElementById(elementId).innerHTML = Array.isArray(content)
    ? content.join(", ")
    : content;
}

window.onload = main;