帶有JavaScript測驗的Twitter分享按鈕

Question

我有一個JavaScript測驗，它會產生一個說分數的結果。

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

我希望有一個Twitter共享按鈕，該按鈕允許用戶發布用戶從測驗中獲得的分數。

任何想法如何做到這一點？

Answer 1

您可以：

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> 

您可以在此處生成所有按鈕腳本。 另外， 在這里看看。

希望這可以幫助！ :)