google翻訳の結果を日本語でコピーしたい

Question

外国語のサイトをgoogle翻訳した結果を、jsを使ってコピーしたいです。

例として次のサイトのName「templatequote」の要素を取得します。
https://en.wikipedia.org/wiki/JavaScript

google翻訳で次のurlを得ます。
https://translate.google.com/translate?sl=en&tl=ja&u=https://en.wikipedia.org/wiki/JavaScript

次のサイトを参考にして、chromeのconsoleから要素をコピーするjsを実行します。
https://shanabrian.com/web/javascript/copy-element-to-clipboard.php

tmp=document.getElementsByClassName("templatequote")
copyElementToClipboard(tmp[0])

その結果、未翻訳の文書が得られます。これは、google翻訳がまだ表示していない要素を翻訳していないからだと考えました。
実際に、手でページ一番下まで（正確には該当要素が見えるまで）スクロールしてから取得をかければ、日本語で結果を得ることができます。

このスクロール作業を自動化するために、
次のサイトを参考にして、一番上から下までスクロールさせてからコピーしようとしました。
https://www.tagindex.com/javascript/window/scroll.html

scrollTo(0,0);
scroll()
tmp=document.getElementsByClassName("templatequote")
copyElementToClipboard(tmp[0])

この結果、js4つをまとめて入力すると未翻訳の結果が取得され、
上2行、下2行に分けて入力すると翻訳済みの結果が取得されるという
意図しない結果になりました。

原因としては、scroll()が非同期処理になっており、
scroll()の完了前 (=翻訳の完了前）にその後の処理が走ってしまっているせいだとわかりました。
scroll()の完了までその後の処理を待つためにはどのようにすればよいのでしょうか。

最終的にはブックマークレットにしたいと考えていて
まずは1回のconsole入力だけで実現できる段階に達したいです。
あと少しだと思うのですが、皆様の知恵を拝借したくお願い致します。

Answer 1

シンプルに下2行の実行を10秒ほど遅延させてみてはいかがでしょうか。

scrollTo(0,0);

scroll();

setTimeout(() => {
  const tmp = document.getElementsByClassName("templatequote");

  copyElementToClipboard(tmp[0]);
}, 1000 * 10);

Comments

[tokita.]

回答ありがとうございます。
残念ながら仰る方法そのままで問題は解決しなかったのですが、問題が起きていた理由がわかりました。
scroll();が同期処理かと思っていたのですが、非同期のようで、スクロールし終わっていない状態でコピーするjsが走っているようでした。

[tokita.]

問題点は分かったのですが同期処理にする方法が解らず躓いています。。
皆様のご知恵拝借したくお願いします。