用于随机生成内容的不同 Twitter 分享按钮答案

【问题标题】：Different Twitter share buttons for randomly generated content用于随机生成内容的不同 Twitter 分享按钮
【发布时间】：2020-10-13 20:06:21
【问题描述】：

我需要创建一个包含随机生成内容的页面。每个内容都有一个不同的 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>

【问题讨论】：

这是原始分享按钮：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">推文
你能发布你收到的错误吗？在您的网络浏览器中，转到设置 -> 工具 -> 开发人员工具（或类似工具）并查看控制台选项卡。还有什么？我还注意到您的原始帖子有反引号 (`)，其中引号 (") 应该在 Javascript 代码中。这是您想要的吗？
@MichaelHawkins 我那里没有任何消息，任何错误，但该按钮在首页中没有预期的 Twiter 图像，并且不收取“要分享的文字”的费用，只是链接到推特。如您所见，按钮代码是 HTML，但最后有一个脚本：<script async src="platform.twitter.com/widgets.js" charset="utf-8"></script>。我不知道如何在 js 文件中组合这两个代码（html + javascript）。我只是尝试将脚本<script> 更改为${}

标签： javascript html button twitter

【解决方案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;
    ```

【讨论】：