按钮未正确发布推文

Question

我有这个codePen，它是一个随机报价生成器。 我还有一个推特按钮，应该推特生成的报价。 当前按下它时，它会发布另一个随机报价，而不是显示的当前报价。这是函数：

$(".twitter-share-button").click(function(){
    $(this).attr("href", 'https://twitter.com/intent/tweet?text=' + randomNumber);
  });

function tweetIt(){
var randomNumber = Math.floor(Math.random() * (quotes.length));
window.open("https://twitter.com/intent/tweet?text=" + quotes[randomNumber]);
}

我尝试通过选择报价所在的当前 ID 来解决此问题，但无济于事：

function tweetIt(){
  var tweet = document.getElementById('quote').value;
  window.open("https://twitter.com/intent/tweet?text=" + quotes[randomNumber]);
};

对此的任何帮助将不胜感激。

Answer 1

您将当前报价存储在 id 为“quoteDisplay”的元素中：

function newQuote() {
    var randomNumber = Math.floor(Math.random() * (quotes.length));
    // The content for your tweet is being set here
    document.getElementById('quoteDisplay').innerHTML = quotes[randomNumber];
};

因此，如果您想在推特上发布当前报价，则需要针对该特定元素定位 textContent 属性：

function tweetIt(){
  // Get the contents of your current tweet
  var tweet = document.getElementById('quoteDisplay').textContent;
  // Open a new window with that tweet content
  window.open("https://twitter.com/intent/tweet?text=" + tweet);
};