使用 javascript 创建 reCAPTCHA

Create reCAPTCHA with javascript

我怎样才能让我点击它创建一个 reCAPTCHA 按钮？

这是我的资料：

<script>
function myFunc() {
    document.getElementById("form").innerHTML = "<div class=\"g-recaptcha\" data-sitekey=\"myspecialcodewhichisasecret\"></div>";
}
</script>
<form action="/whatever" id="form" method="post">
</form>
<button onclick="myFunc()">CLICK ME AND GET FREE RECAPTCHA</button>

我正在使用 localhost，google 说应该没问题。为什么当我点击按钮时 recpatcha 没有出现？

以下是显式呈现小部件的方法。

function onloadCallback() {
  document.getElementById("btn").onclick = function () {
    grecaptcha.render("form", {"sitekey": "my site key"});
  };
}

<script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit"
    async defer>
</script>
<form id="form"></form>
<button id="btn">Click</button>