document.getElementById('btn').addEventListener('click', async () => {

    const fuelType = document.getElementById('fuel').value;
    const liters = document.getElementById('price').value;

    // Spakuj dane w formacie JSON
    const data = {
        nazwa: fuelType,
        cena: parseFloat(liters)  // konwertuj na liczbę, jeśli wartość jest liczbową
    };

    console.log("ok");

    try {
        // Wykonaj żądanie POST
        const response = await fetch('php/post.php', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json'
            },
            body: JSON.stringify(data)
        });

        // Przetwarzanie odpowiedzi
        if (response.ok) {
            const result = await response.json();
            console.log('Odpowiedź serwera:', result);
            alert(`Koszt paliwa: ${result.cost}`);
        } else {
            console.error('Błąd:', response.statusText);
        }
    } catch (error) {
        console.error('Błąd:', error);
    }
});