How to download js from another site on click?

Question

JavaScript

Hello! Is it possible to make google recaptcha load on click of a button?
Same as inserting into html:

<script src="https://www.google.com/recaptcha/api.js?onload=reCaptchaCallback&render=explicit" async defer></script>

If it were possible to copy js there, otherwise it is constantly changing ... if only it could be parsed and executed on click ... in any case, if parsing, then you need to take into account
window['___grecaptcha_cfg']['render'] = 'explicit'
window['___grecaptcha_cfg']['onload'] = 'reCaptchaCallback'
I have 2 captchas on my site, at best +2 seconds to load the site...

Answer 1

$('#MYBTN').on('click',function(){
    var captchaContainer = null;
    var loadCaptcha = function() {
      captchaContainer = grecaptcha.render('captcha_container', {
        'sitekey' : 'Your sitekey',
        'callback' : function(response) {
          console.log(response);
        }
      });
    };
    loadCaptcha();
 });

<script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
      <div id="captcha_container"></div>
      <input type="button" id="MYBTN" value="MYBTN">
      <script src="https://www.google.com/recaptcha/api.js?onload=loadCaptcha&render=explicit"></script>

© https://stackoverflow.com/a/35245851