script.js

async function shortenURL() {

    const longUrl = document.getElementById("longUrl").value;
    const result = document.getElementById("result");

    if(longUrl === ""){
        alert("Please enter a URL");
        return;
    }

    try{

        const response = await fetch(`https://tinyurl.com/api-create.php?url=${encodeURIComponent(longUrl)}`);

        const shortUrl = await response.text();

        result.innerHTML = `
        <h3>Short URL</h3>
        <a href="${shortUrl}" target="_blank">${shortUrl}</a>
        <br><br>
        <button onclick="copyURL('${shortUrl}')">Copy</button>
        `;

    }catch(error){

        result.innerHTML="<p>Something went wrong!</p>";

    }

}

function copyURL(url){

    navigator.clipboard.writeText(url);

    alert("Copied Successfully!");

}