Dynamischen Link in Javascript erstellen?

Question

Ich versuche, eine Twitter-Schaltfläche zu erstellen, die es dem Benutzer ermöglicht, die Ergebnisse eines zufälligen Angebotsgenerators zu teilen.
Das ist mein html:

Quote Machine

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

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

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

Und das ist mein 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>'; 



    } 

So ist die Idee, dass das, was die zufällig generierte Zitat ist, kann der Benutzer dann teilen, dass Zitat auf Twitter. Aber ich kann es nicht zur Arbeit bringen! Jeder Rat würde sehr geschätzt werden!

Answer 1

Wenn Sie die URL mit dem OnClick-Ereignis ändern möchten, sollten Sie etwas tun:

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