document.getElementById('uploadForm').addEventListener('submit', async function(event) {
    event.preventDefault();
    const fileInput = document.getElementById('fileInput');
    const formData = new FormData();
    formData.append('file', fileInput.files[0]);

    try {
        const response = await fetch('http://localhost:8000/predict/', {
            method: 'POST',
            body: formData
        });
        const result = await response.json();
        document.getElementById('predictedClass').textContent = 'Class: ' + result.predicted_class;
        document.getElementById('confidence').textContent = 'Confidence: ' + (result.confidence * 100).toFixed(2) + '%';
        document.getElementById('result').style.display = 'block';
    } catch (error) {
        console.error('Error:', error);
    }
});