How can I use Google reCaptcha div using JavaScript?

I need to create a function in javaScript that will generate the Google ReCaptcha. basically I need to convert this code in javaScript

  <head>
    <title>reCAPTCHA demo: Simple page</title>
    <script src="https://www.google.com/recaptcha/api.js" async defer></script>
  </head>
  <body>
    <form action="?" method="POST">
      <div class="g-recaptcha" data-sitekey="your_site_key"></div>
      <br/>
      <input type="submit" value="Submit">
    </form>
  </body>
</html>

I'm trying but pretty confused about this, please help.

value: function() {

        const input_group = $(document.createElement('div'));
        const input_group_addon = $(document.createElement('span'));
        input_group.addClass('g-recaptcha');
        input_group_addon.addClass('input-group-addon');
      }