index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Quote generator</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="quotebox">
        <h2>
            Quote by Taylor Swift
        </h2>
        <blockquote id="song">Loading..</blockquote>
        <span id="quote">Loading</span>
        <div>
            <button onclick="getquote(api_url)">
                New Quote
            </button>
            <button onclick="tweet()">Tweet<img src="tweet1.png"></button>
        </div>
        
        
    </div>
<script>
const song = document.getElementById("song");
const quote = document.getElementById("quote");  
const api_url = "https://taylorswiftapi.onrender.com/get";
async function getquote(url){
    const response = await fetch(url);
    var data = await response.json();
    console.log(data);
    song.innerHTML = data.quote;
    quote.innerHTML = data.song;
    
}
getquote(api_url);

function tweet(){
    window.open("https://twitter.com/intent/tweet?text=" + quote.innerHTML + "--- by" + song.innerHTML,
    "Tweet Window", "width=600, height=300");
}

</script>    

    
</body>
</html>