Twitter分享按钮与JavaScript测验

Twitter share button with JavaScript Quiz

本文关键字：JavaScript 测验 按钮 分享 Twitter      更新时间：2023-09-26

我有一个JavaScript测验，它会产生一个分数的结果。

test.innerHTML = "<h2>You got "+correct+" of "+questions.length+" questions correct</h2>";
    _("test_status").innerHTML = "Test Completed";

我想要一个Twitter分享按钮，允许用户在推特上发布用户从测验中获得的分数。

任何想法如何做到这一点？

您可以：

  1. 随心所欲地使用此 URL："https://twitter.com/intent/tweet?text=I got "+correct+" correct out of "+questions.length+" questions on JavaScript Quiz!"（尽管您需要 JavaScript 来创建它）。
  2. 使用一个简单的<a>链接，如下所示：<a class="twitter-share-button" href="#" id="twitter-button">Tweet</a>并将document.getElementById("twitter-button").setAttribute("href", "https://twitter.com/intent/tweet?text=I got "+correct+" correct out of "+questions+" questions on JavaScript Quiz!");添加到脚本中。
  3. 将上面的链接加上此代码添加到您的脚本中，以制作一个花哨的按钮：!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs'); 。

查看此代码段（该按钮似乎在代码段中不起作用，但它应该在本地和您的网站上有效）：

<a class="twitter-share-button" href="#" id="twitter-button">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs'); correct = 5; questions = 10; document.getElementById("twitter-button").setAttribute("href", "https://twitter.com/intent/tweet?text=I got "+correct+" correct out of "+questions+" questions on JavaScript Quiz!");</script>

您可以在此处生成所有按钮脚本。另外，看看这里。

希望这有帮助！ :)

相关文章：