JavaScript Navigator share() Method

const shareData = {
  title: "MDN",
  text: "Learn web development on MDN!",
  url: "https://developer.mozilla.org"
};

document.querySelector("button").addEventListener("click", async () => {
  try {
    await navigator.share(shareData);
    console.log("MDN shared successfully");
  } catch (err) {
    console.log("Error: " + err);
  }
});

const data = {
  title: "CodeToFun",
  text: "JS tutorials",
  url: location.href
};

document.querySelector("button").addEventListener("click", async () => {
  if (typeof navigator.share !== "function") {
    console.log("Web Share not supported");
    return;
  }
  if (navigator.canShare && !navigator.canShare(data)) {
    console.log("Cannot share this data");
    return;
  }
  await navigator.share(data);
  console.log("Shared!");
});

document.querySelector("button").addEventListener("click", async () => {
  if (!navigator.share) {
    console.log("unsupported");
    return;
  }
  try {
    await navigator.share({
      title: "Hello",
      url: location.href
    });
    console.log("ok");
  } catch (err) {
    if (err.name === "AbortError") {
      console.log("cancelled");
    } else {
      console.log(err.name + ": " + err.message);
    }
  }
});