javascriptでダイナミックリンクを作成しますか？

Question

ランダムなクォートジェネレータの結果をユーザーが共有できるようにするTwitterボタンを作成しようとしています。
これは私のhtmlです：

引用マシン

<button onclick="generateQuote()">Click me</button> 

<p id="quotes"></p> 

<p id ="twitter"></p> 

そして、これが私のjavascriptです：

   var quotearray =["Always be yourself","Stay in the moment","Be merry"]; 
var pickAQuote = function() { 
var newquote = quotearray[Math.floor(Math.random() * 3)]; 
var noquotes = newquote.replace(/['"]+/g, ''); 
return noquotes; 
}; 


function generateQuote() { 
var newquotes = pickAQuote(); 

document.getElementById("quotes").innerHTML= newquotes; 
document.getElementById("twitter").innerHTML ='<button onclick=' + 
    '"https://twitter.com/intent/tweet?text=' + newquotes + '";>Tweet 
This</button>'; 



    } 

だから、アイデアはどのようなランダムに生成された引用符は、ユーザーがそれを共有することができているということですtwitterで引用してください。しかし、私はそれを動作させることはできません！どんなアドバイスも大歓迎です！

Answer 1

あなたはこのような何かをすべきonClickイベント使用してURLを変更したい場合：

document.getElementById("twitter").innerHTML ='<button onclick="location.href = \'https://twitter.com/intent/tweet?text=' + newquotes + '\'";>Tweet This</button>';