HTML / Vanilla JS

<script src="https://your-janus.com/sdk.js"></script>

<script src="https://your-janus.com/sdk/v1/janus.js"></script>

<form id="myForm" action="/api/submit" method="POST">
  <input type="hidden" name="janus-token" id="janusToken" />
  <button type="submit">Submit</button>
</form>

<script>
  const janus = new Janus.Janus({
    siteKey: "jns_site_live_xxxxxxxxxxxx",
    apiUrl: "https://your-janus.com",
    mode: "invisible",
  });

  document.getElementById("myForm").addEventListener("submit", async (e) => {
    e.preventDefault();
    const result = await janus.execute();
    if (result.success) {
      document.getElementById("janusToken").value = result.token;
      e.target.submit();
    }
  });
</script>

<div id="janus-container"></div>

<script>
  const janus = new Janus.Janus({
    siteKey: "jns_site_live_xxxxxxxxxxxx",
    apiUrl: "https://your-janus.com",
    mode: "managed",
  });

  janus.render("janus-container");
</script>

const res = await fetch("https://your-janus.com/api/v1/siteverify", {
  method: "POST",
  headers: { "Content-Type": "application/json" },
  body: JSON.stringify({
    secret: process.env.JANUS_SECRET_KEY,
    token: req.body["janus-token"],
  }),
});

const { success, action, risk_score } = await res.json();