Update nutri_call.html

nutri_call.html

@@ -330,15 +330,14 @@
 
 
 <script>
-document.getElementById('calculate-btn').addEventListener('click', function() {
-    // 1. Функция для безопасного получения числового значения
+document.getElementById('calculate-btn').addEventListener('click', async function() {
+    // 1. Безопасное получение значений
     const getValue = (id) => {
-        const element = document.getElementById(id);
-        const value = parseFloat(element.value);
-        return isNaN(value) ? 0 : value;
+        const val = parseFloat(document.getElementById(id)?.value);
+        return isNaN(val) ? 0 : val;
     };
 
-    // 2. Формируем данные для отправки
+    // 2. Подготовка данных
     const requestData = {
         fertilizerConstants: {
             "Кальциевая селитра": {
@@ -374,21 +373,29 @@ document.getElementById('calculate-btn').addEventListener('click', function() {
             'S': getValue('profile_s'),
             'N-NO3': getValue('profile_no3'),
             'N-NH4': getValue('profile_nh4'),
-            'volume': parseInt(document.getElementById('liters-input').value) || 1
+            'volume': parseInt(document.getElementById('liters-input')?.value) || 1
         }
     };
 
-    // 3. Отправка данных на сервер
-    fetch('/calculation', {
-        method: 'POST',
-        headers: {
-            'Content-Type': 'application/json'
-        },
-        body: JSON.stringify(requestData)
-    })
-    .then(response => response.json())
-    .then(data => {
-        // 4. Обработка ответа от сервера
+    try {
+        // 3. Отправка запроса
+        const response = await fetch('/calculation', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json'
+            },
+            body: JSON.stringify(requestData)
+        });
+
+        // 4. Проверка статуса ответа
+        if (!response.ok) {
+            throw new Error(`HTTP error! status: ${response.status}`);
+        }
+
+        // 5. Обработка успешного ответа
+        const data = await response.json();
+        
+        // Карта соответствия удобрений и полей
         const fertilizerMap = {
             "Сульфат магния": "magnesium_sulfate",
             "Кальциевая селитра": "calcium_nitrate",
@@ -398,34 +405,39 @@ document.getElementById('calculate-btn').addEventListener('click', function() {
             "Калий азотнокислый": "potassium_nitrate"
         };
 
-        // Очищаем все поля перед заполнением
+        // Сначала обнуляем все поля
         Object.values(fertilizerMap).forEach(id => {
             const field = document.getElementById(id);
             if (field) field.value = "0";
         });
 
-        // Заполняем данные из ответа
-        data.fertilizers.forEach(fert => {
-            const fieldId = fertilizerMap[fert.name];
-            if (fieldId) {
-                const field = document.getElementById(fieldId);
-                if (field) {
-                    field.value = fert.grams.toFixed(3);
+        // Заполняем полученными данными
+        if (data.fertilizers && Array.isArray(data.fertilizers)) {
+            data.fertilizers.forEach(fert => {
+                const fieldId = fertilizerMap[fert.name];
+                if (fieldId) {
+                    const field = document.getElementById(fieldId);
+                    if (field) {
+                        field.value = fert.grams?.toFixed(3) || "0";
+                    }
                 }
-            }
-        });
+            });
+        }
 
         // Выводим EC
-        const ecField = document.getElementById('ec-value');
-        if (ecField) {
-            ecField.textContent = data.ec.toFixed(2);
+        if (data.ec !== undefined) {
+            const ecField = document.getElementById('ec-value');
+            if (ecField) {
+                ecField.textContent = data.ec.toFixed(2);
+            }
         }
 
         console.log("Данные успешно обработаны!");
-    })
-    .catch(error => {
-        console.error("Ошибка при отправке/получении данных:", error);
-    });
+
+    } catch (error) {
+        console.error("Произошла ошибка:", error);
+        alert("Ошибка при расчете! Проверьте консоль для подробностей.");
+    }
 });
 </script>