style.css

document.getElementById('audioFile').addEventListener('change', function(e) {
    const fileName = e.target.files[0] ? e.target.files[0].name : '';
    document.getElementById('fileName').innerText = fileName ? `ရွေးချယ်ထားသော ဖိုင် - ${fileName}` : '';
});

document.getElementById('convertBtn').addEventListener('click', function() {
    const fileInput = document.getElementById('audioFile');
    const statusDiv = document.getElementById('status');
    const audioPlayer = document.getElementById('audioPlayer');

    if (!fileInput.files || fileInput.files.length === 0) {
        statusDiv.innerText = 'ကျေးဇူးပြု၍ Audio ဖိုင်တစ်ခု အရင်ရွေးပေးပါ!';
        statusDiv.style.color = '#f87171';
        return;
    }

    statusDiv.style.color = '#94a3b8';
    statusDiv.innerText = 'လုပ်ဆောင်နေပါသည်... ခဏစောင့်ပါ...';
    
    // Front-end UI စမ်းသပ်ရန် သာမန် Delay ပြုလုပ်ထားခြင်း ဖြစ်ပါသည်
    setTimeout(() => {
        const selectedFile = fileInput.files[0];
        const audioURL = URL.createObjectURL(selectedFile);
        
        audioPlayer.src = audioURL;
        audioPlayer.style.display = 'block';
        statusDiv.innerText = 'ပြီးပါပြီ! အောက်တွင် နားဆင်နိုင်ပါသည်။';
        statusDiv.style.color = '#4ade80';
    }, 2000);
});