用于随机生成内容的不同 Twitter 共享按钮

Question

我需要创建一个包含随机生成内容的页面。每个内容都有一个不同的Twitter分享按钮，使用JavaScript文件。我使用了Twitter生成的按钮进行共享，但它在我的JavaScript文件中不起作用。

法典：

if (randomNumber === 0){
shareContent.innerHTML ='
<a href="https://twitter.com/share?ref_src=twsrc%5Etfw" class="twitter-share-button" data-size="large" data-text="THIS IS THE FIRST TEXT TO SHARE" data-url="http://ecosdevrindavana.com/quotes/index.html" data-related="AvatarDorado" data-lang="es" data-show-count="false">Tweet</a> ${async src="https://platform.twitter.com/widgets.js" charset="utf-8"}';

}else if(randomNumber == 1){
shareContent.innerHTML ='
<a href="https://twitter.com/share?ref_src=twsrc%5Etfw" class="twitter-share-button" data-size="large" data-text="THIS IS THE SECOND TEXT TO SHARE" data-url="http://ecosdevrindavana.com/quotes/index.html" data-related="AvatarDorado" data-lang="es" data-show-count="false">Tweet</a> ${async src="https://platform.twitter.com/widgets.js" charset="utf-8"}';
}

原来的"分享"按钮：

<a href="twitter.com/share?ref_src=twsrc%5Etfw" class="twitter-share-button" data-size="large" data-text="TEXT TO SHARE" data-url="ecosdevrindavana.com/quotes/index.html" data-related="AvatarDorado" data-lang="es" data-show-count="false">Tweet</a> <script async src="platform.twitter.com/widgets.js" charset="utf-8"></script>

Answer 1

多亏了@SalomonHenao，我找到了解决方案：

var script = document.createElement("script");
script.setAttribute("src", "https://platform.twitter.com/widgets.js");
document.head.appendChild(script);
let buttonHtml = `
<a href="https://twitter.com/share?ref_src=twsrc%5Etfw" class="twitter-share-button" data-size="large" data-text="` + quotes[randomNumber] + `" data-url="http://ecosdevrindavana.com/quotes/index.html" data-related="AvatarDorado" data-lang="es" data-show-count="false">Tweet<//a>`;
document.getElementById('completo').innerHTML = buttonHtml;
```