ScalaJSでページングするために動的に挿入されたグローバルオブジェクトを選択する方法

Question

Google ReCaptchaスクリプトをページに挿入しようとしましたが、グローバルgrecaptchaを選択できませんでした。 コンソールウィンドウで

val script = dom.document.createElement("script").asInstanceOf[HTMLScriptElement] 
script.setAttribute("src", "https://www.google.com/recaptcha/api.js") 
script.setAttribute("async", "true") 

script.onload = { (_: Event) => 
    println(Dynamic.global.selectDynamic("grecaptcha")) // --> got undefined 
} 

dom.document.body.appendChild(script) 

、私はgrecaptchaを取得することができます：

質問はグローバルgrecaptchaオブジェクトを選択する方法ですか？

Answer 1

this answer in a vanilla JavaScript environmentによれば、注文の問題が発生しているだけです。手順は

1. onloadイベントsrc属性

val script = dom.document.createElement("script").asInstanceOf[HTMLScriptElement] 
dom.document.body.appendChild(script) 
script.onload = { (_: Event) => 
    println(Dynamic.global.selectDynamic("grecaptcha")) 
} 
script.setAttribute("src", "https://www.google.com/recaptcha/api.js") 
script.setAttribute("async", "true")