HTML Code

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>share — URL</title>
  <style>
    body { font-family: system-ui, sans-serif; margin: 1.5rem; }
    button { padding: 0.5rem 1rem; cursor: pointer; }
    #out { margin-top: 1rem; white-space: pre-wrap; }
  </style>
</head>
<body>
  <p><button type="button" id="share">Share CodeToFun</button></p>
  <pre id="out">Click the button to open the share sheet (needs HTTPS + support).</pre>
  <script>
    var shareData = {
      title: "CodeToFun",
      text: "Learn JavaScript on CodeToFun!",
      url: "https://www.codetofun.com/js"
    };

    document.getElementById("share").addEventListener("click", async function () {
      var out = document.getElementById("out");
      if (typeof navigator.share !== "function") {
        out.textContent = "Web Share API not supported";
        return;
      }
      try {
        await navigator.share(shareData);
        out.textContent = "Shared successfully";
      } catch (err) {
        out.textContent = "Error: " + err.name + (err.message ? " — " + err.message : "");
      }
    });
  </script>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

share — URL (Try It)