ボタンが適切にtweetingしていないテキスト

Question

私はこれをランダムなクォートジェネレータであるcodePen持っています。 私はまた、生成された見積もりをつぶすべきtweetボタンを持っています。 現在、それを押すと、表示されている現在の見積もりではなく、別のランダムな見積もりがつぶれます。ここでは関数は次のとおりです。

$(".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

あなたが「quoteDisplay」のIDを持つ要素の中にあなたの現在の見積書を格納している：

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); 
};