script.js

document.getElementById('convertButton').addEventListener('click', async () => {
    const fileInput = document.getElementById('fileInput');
    const format = document.getElementById('format').value;
    const status = document.getElementById('status');
    const downloadLink = document.getElementById('downloadLink');

    // Reset previous status and download link
    status.textContent = '';
    downloadLink.style.display = 'none';

    if (fileInput.files.length === 0) {
        status.textContent = 'Please select a file.';
        return;
    }

    const file = fileInput.files[0];
    const formData = new FormData();
    formData.append('file', file);
    formData.append('format', format);

    status.textContent = 'Uploading and converting...';

    try {
        const response = await fetch('https://file-compressor-two.vercel.app/', {
            method: 'POST',
            body: formData
        });

        if (!response.ok) {
            throw new Error('Conversion failed');
        }

        const blob = await response.blob();
        const url = URL.createObjectURL(blob);

        downloadLink.href = url;
        downloadLink.download = `converted.${format}`;
        downloadLink.textContent = `Download ${format.toUpperCase()} File`;
        downloadLink.style.display = 'block';
        status.textContent = 'Conversion successful!';
    } catch (error) {
        console.error('Error:', error);
        status.textContent = 'An error occurred. Please try again.';
    }
});