使用javascript创建reCAPTCHA

我怎么能让我的按钮一次点击它就创建一个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>

函数myFunc（）{
document.getElementById（“表单”）.innerHTML=“”；
}
点击我并获得免费的RECAPTCHA

---

我使用的是localhost，谷歌说应该可以。为什么当我单击按钮时，Recpatca不显示？

以下是如何显式呈现小部件

函数onloadCallback（）{
document.getElementById（“btn”）.onclick=function（）{
render（“表单”，{“站点密钥”：“我的站点密钥”}）；
};
}

单击

是否包含一些来自Google的JavaScript？在生成recaptcha后，您应该包含Google脚本。我怀疑它是否会起作用，因为您正在尝试使用将通过加载的div，我假设这将在首次加载Google脚本时发生，而不是在添加DOM元素时发生。你必须打开这个小部件，或者以某种方式重新触发自动渲染过程。它就在文档中。“显式呈现reCAPTCHA小部件”：使用

grecaptcha.render（）

函数。我希望只有一个reCAPTCHA，而不是很多。如果你改变，我会接受。不，是香草javascript，render方法来自GoogleRecaptcha。