Hugging Face's logo

Spaces:
DmitrMakeev
/
flask_inference_api_g
Running

App Files Community
DmitrMakeev commited on
Commit
f2890ea
·
verified ·
1 Parent(s): 15ea5bf

Update calculate.html

Browse files
Files changed (1) hide show
  1. calculate.html +99 -130
calculate.html CHANGED
@@ -3,94 +3,80 @@
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Расчёт удобрений с азотом</title>
7
  <style>
8
  body { font-family: Arial, sans-serif; margin: 20px; }
9
- input { padding: 8px; margin: 5px; width: 100px; }
10
  button { padding: 8px 12px; cursor: pointer; margin-top: 10px; }
11
  .result { margin-top: 20px; }
12
- .fertilizer-group { margin-bottom: 15px; display: flex; align-items: center; }
13
- .fertilizer-group label { margin-right: 10px; }
14
- .fertilizer-group input { margin-right: 20px; }
15
  </style>
16
  </head>
17
  <body>
18
- <h1>Расчёт удобрений для смешивания с азотом</h1>
19
 
20
  <div>
21
  <h3>Введите состав удобрений (%):</h3>
22
- <div class="fertilizer-group">
23
- <label>Ca в Ca(NO₃)₂·4H₂O:</label>
24
- <input type="number" id="ca_content_ca" value="19.3" step="0.1">
25
- <label>N в Ca(NO₃)₂·4H₂O:</label>
26
- <input type="number" id="ca_content_n" value="14.9" step="0.1">
27
- </div>
28
- <div class="fertilizer-group">
29
- <label>P в KH₂PO₄:</label>
30
- <input type="number" id="kh2po4_content_p" value="21.8" step="0.1">
31
- <label>K в KH₂PO₄:</label>
32
- <input type="number" id="kh2po4_content_k" value="27.4" step="0.1">
33
- </div>
34
- <div class="fertilizer-group">
35
- <label>K в KNO₃:</label>
36
- <input type="number" id="kno3_content_k" value="38" step="0.1">
37
- <label>N в KNO₃:</label>
38
- <input type="number" id="kno3_content_n" value="13.5" step="0.1">
39
- </div>
40
- <div class="fertilizer-group">
41
- <label>Mg в MgSO₄·7H₂O:</label>
42
- <input type="number" id="mgso4_content_mg" value="10.14" step="0.1">
43
- <label>S в MgSO₄·7H₂O:</label>
44
- <input type="number" id="mgso4_content_s" value="13.5" step="0.1">
45
- </div>
46
- <div class="fertilizer-group">
47
- <label>K в K₂SO₄:</label>
48
- <input type="number" id="k2so4_content_k" value="41.5" step="0.1">
49
- <label>S в K₂SO₄:</label>
50
- <input type="number" id="k2so4_content_s" value="18" step="0.1">
51
- </div>
52
- <div class="fertilizer-group">
53
- <label>N в NH₄NO₃:</label>
54
- <input type="number" id="nh4no3_content_n" value="34" step="0.1">
55
- </div>
56
-
57
- <h3>Требуемые концентрации (мг/л):</h3>
58
- <label>Ca:</label><input type="number" id="ca" placeholder="50" step="0.1"><br>
59
- <label>P:</label><input type="number" id="p" placeholder="50" step="0.1"><br>
60
- <label>K:</label><input type="number" id="k" placeholder="100" step="0.1"><br>
61
- <label>Mg:</label><input type="number" id="mg" placeholder="25" step="0.1"><br>
62
- <label>S:</label><input type="number" id="s" placeholder="20" step="0.1"><br>
63
- <label>N:</label><input type="number" id="nitrogen" value="50" step="0.1"><br>
64
-
65
- <h3>Соотношение N (NH₄NO₃):</h3>
66
- <label>NH₄NO₃ (0-1):</label>
67
- <input type="range" id="n_ratio" min="0" max="10" value="5">
68
- <span id="n_ratio_value">0.5</span><br>
69
-
70
- <button onclick="calculate()">Рассчитать</button>
71
  </div>
72
 
73
  <div class="result" id="result"></div>
74
 
75
  <script>
76
- document.getElementById('n_ratio').addEventListener('input', function() {
77
- const ratio = (this.value / 10).toFixed(1);
78
- document.getElementById('n_ratio_value').textContent = ratio;
79
- });
80
-
81
  function calculate() {
82
  // Состав удобрений (% → доли)
83
  const caContentCa = parseFloat(document.getElementById("ca_content_ca").value) / 100;
84
  const caContentN = parseFloat(document.getElementById("ca_content_n").value) / 100;
85
- const kh2po4ContentP = parseFloat(document.getElementById("kh2po4_content_p").value) / 100;
86
- const kh2po4ContentK = parseFloat(document.getElementById("kh2po4_content_k").value) / 100;
87
- const kno3ContentK = parseFloat(document.getElementById("kno3_content_k").value) / 100;
88
- const kno3ContentN = parseFloat(document.getElementById("kno3_content_n").value) / 100;
89
- const mgso4ContentMg = parseFloat(document.getElementById("mgso4_content_mg").value) / 100;
90
- const mgso4ContentS = parseFloat(document.getElementById("mgso4_content_s").value) / 100;
91
- const k2so4ContentK = parseFloat(document.getElementById("k2so4_content_k").value) / 100;
92
- const k2so4ContentS = parseFloat(document.getElementById("k2so4_content_s").value) / 100;
93
- const nh4no3ContentN = parseFloat(document.getElementById("nh4no3_content_n").value) / 100;
94
 
95
  // Требуемые концентрации (мг/л)
96
  const ca = parseFloat(document.getElementById("ca").value) || 0;
@@ -98,78 +84,61 @@
98
  const k = parseFloat(document.getElementById("k").value) || 0;
99
  const mg = parseFloat(document.getElementById("mg").value) || 0;
100
  const s = parseFloat(document.getElementById("s").value) || 0;
101
- const nitrogen = parseFloat(document.getElementById("nitrogen").value) || 0;
102
- const nRatio = parseFloat(document.getElementById("n_ratio").value) / 10;
103
 
104
  // Проверка ввода
105
- if ([ca, p, k, mg, s, nitrogen].some(v => isNaN(v))) {
106
  document.getElementById("result").innerHTML = "Введите все значения!";
107
  return;
108
  }
109
 
110
  // 1. KH₂PO₄ от P
111
- let kh2po4 = p / kh2po4ContentP;
112
- let kFromKH2PO4 = kh2po4 * kh2po4ContentK;
113
-
114
- // 2. Ca(NO₃)₂ от Ca
115
- let caNO3FromCa = ca / caContentCa;
116
- let nFromCaNO3Min = caNO3FromCa * caContentN;
117
-
118
- // 3. MgSO₄ от S
119
- let mgso4 = s / mgso4ContentS;
120
- let mgFromMgSO4 = mgso4 * mgso4ContentMg;
121
- let sFromMgSO4 = mgso4 * mgso4ContentS;
122
-
123
- // 4. NH₄NO₃ от nRatio
124
- let nFromNH4NO3 = nitrogen * nRatio;
125
- let nh4no3 = nFromNH4NO3 / nh4no3ContentN;
126
-
127
- // 5. KNO₃ для остатка N и K
128
- let nRemaining = nitrogen - nFromNH4NO3 - nFromCaNO3Min;
129
- let kno3FromN = nRemaining > 0 ? nRemaining / kno3ContentN : 0;
130
- let kFromKNO3FromN = kno3FromN * kno3ContentK;
131
-
132
- let kRemaining = k - kFromKH2PO4;
133
- let kno3FromK = kRemaining > 0 ? kRemaining / kno3ContentK : 0;
134
- let nFromKNO3FromK = kno3FromK * kno3ContentN;
135
-
136
- // Выбираем меньший KNO₃, чтобы не превысить N
137
- let kno3 = Math.min(kno3FromN, kno3FromK);
138
- let nFromKNO3 = kno3 * kno3ContentN;
139
- let kFromKNO3 = kno3 * kno3ContentK;
140
-
141
- // 6. K₂SO₄ для остатка K
142
- kRemaining = k - kFromKH2PO4 - kFromKNO3;
143
- let k2so4 = kRemaining > 0 ? kRemaining / k2so4ContentK : 0;
144
- let kFromK2SO4 = k2so4 * k2so4ContentK;
145
-
146
- // 7. Корректировка N через Ca(NO₃)₂
147
- let totalN = nFromNH4NO3 + nFromCaNO3Min + nFromKNO3;
148
- let nDelta = nitrogen - totalN;
149
- let caNO3Extra = nDelta > 0 ? nDelta / caContentN : 0;
150
- let caNO3Total = caNO3FromCa + caNO3Extra;
151
-
152
- // Пересчёт итоговых концентраций
153
- totalN = (caNO3Total * caContentN + nh4no3 * nh4no3ContentN + kno3 * kno3ContentN).toFixed(2);
154
- let totalP = (kh2po4 * kh2po4ContentP).toFixed(2);
155
- let totalK = (kh2po4 * kh2po4ContentK + kno3 * kno3ContentK + k2so4 * k2so4ContentK).toFixed(2);
156
- let totalCa = (caNO3Total * caContentCa).toFixed(2);
157
- let totalMg = (mgso4 * mgso4ContentMg).toFixed(2);
158
- let totalS = (mgso4 * mgso4ContentS + k2so4 * k2so4ContentS).toFixed(2);
159
-
160
- // Отображение результатов
161
- const result = `
162
- <h3>Результат расчёта (г/1000 л):</h3>
163
- <p>MgSO₄·7H₂O: ${mgso4.toFixed(2)} (Mg: ${totalMg}, S: ${sFromMgSO4.toFixed(2)})</p>
164
- <p>K₂SO₄: ${k2so4.toFixed(2)} (K: ${kFromK2SO4.toFixed(2)}, S: ${(k2so4 * k2so4ContentS).toFixed(2)})</p>
165
  <p>KH₂PO₄: ${kh2po4.toFixed(2)} (P: ${totalP}, K: ${kFromKH2PO4.toFixed(2)})</p>
166
- <p>KNO₃: ${kno3.toFixed(2)} (N: ${nFromKNO3.toFixed(2)}, K: ${kFromKNO3.toFixed(2)})</p>
167
- <p>Ca(NO₃)₂·4H₂O: ${caNO3Total.toFixed(2)} (N: ${(caNO3Total * caContentN).toFixed(2)}, Ca: ${totalCa})</p>
168
- <p>NH₄NO₃: ${nh4no3.toFixed(2)} (N: ${nFromNH4NO3.toFixed(2)})</p>
 
169
  <h3>Итоговые концентрации (мг/л):</h3>
170
  <p>N: ${totalN}, P: ${totalP}, K: ${totalK}, Ca: ${totalCa}, Mg: ${totalMg}, S: ${totalS}</p>
171
  `;
172
- document.getElementById("result").innerHTML = result;
173
  }
174
  </script>
175
  </body>
 
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Расчёт удобрений с учётом составов</title>
7
  <style>
8
  body { font-family: Arial, sans-serif; margin: 20px; }
9
+ input { padding: 8px; margin: 5px; width: 200px; }
10
  button { padding: 8px 12px; cursor: pointer; margin-top: 10px; }
11
  .result { margin-top: 20px; }
 
 
 
12
  </style>
13
  </head>
14
  <body>
15
+ <h1>Расчёт необходимого количества удобрений с учётом состава</h1>
16
 
17
  <div>
18
  <h3>Введите состав удобрений (%):</h3>
19
+ <label for="ca_content_ca">Ca в Ca(NO₃)₂·4H₂O:</label>
20
+ <input type="number" id="ca_content_ca" value="19" step="0.1"><br>
21
+ <label for="ca_content_n">N в Ca(NO₃)₂·4H₂O:</label>
22
+ <input type="number" id="ca_content_n" value="14.9" step="0.1"><br>
23
+
24
+ <label for="p_content">P в KH₂PO₄:</label>
25
+ <input type="number" id="p_content" value="22" step="0.1"><br>
26
+ <label for="k_content_kh2po4">K в KH₂PO₄:</label>
27
+ <input type="number" id="k_content_kh2po4" value="28" step="0.1"><br>
28
+
29
+ <label for="k_content_kno3">K в KNO₃:</label>
30
+ <input type="number" id="k_content_kno3" value="46" step="0.1"><br>
31
+ <label for="n_content_kno3">N в KNO₃:</label>
32
+ <input type="number" id="n_content_kno3" value="13.5" step="0.1"><br>
33
+
34
+ <label for="mg_content">Mg в MgSO₄·7H₂O:</label>
35
+ <input type="number" id="mg_content" value="16" step="0.1"><br>
36
+ <label for="s_content_mgso4">S в MgSO₄·7H₂O:</label>
37
+ <input type="number" id="s_content_mgso4" value="13.5" step="0.1"><br>
38
+
39
+ <label for="k_content_k2so4">K в K₂SO₄:</label>
40
+ <input type="number" id="k_content_k2so4" value="41.5" step="0.1"><br>
41
+ <label for="s_content_k2so4">S в K₂SO₄:</label>
42
+ <input type="number" id="s_content_k2so4" value="18" step="0.1"><br>
43
+
44
+ <label for="n_content_nh4no3">N в NH₄NO₃:</label>
45
+ <input type="number" id="n_content_nh4no3" value="34" step="0.1"><br>
46
+
47
+ <h3>Введите требуемые концентрации элементов (мг/л):</h3>
48
+ <label for="ca">Кальций (Ca):</label>
49
+ <input type="number" id="ca" placeholder="например, 115"><br>
50
+ <label for="p">Фосфор (P):</label>
51
+ <input type="number" id="p" placeholder="например, 60"><br>
52
+ <label for="k">Калий (K):</label>
53
+ <input type="number" id="k" placeholder="например, 149.5"><br>
54
+ <label for="mg">Магний (Mg):</label>
55
+ <input type="number" id="mg" placeholder="например, 42.71"><br>
56
+ <label for="s">Сера (S):</label>
57
+ <input type="number" id="s" placeholder="например, 74.691"><br>
58
+ <label for="n">Азот (N):</label>
59
+ <input type="number" id="n" placeholder="например, 110.74"><br>
60
+
61
+ <button onclick="calculate()">Рассчитать количество удобрений</button>
 
 
 
 
 
 
62
  </div>
63
 
64
  <div class="result" id="result"></div>
65
 
66
  <script>
 
 
 
 
 
67
  function calculate() {
68
  // Состав удобрений (% → доли)
69
  const caContentCa = parseFloat(document.getElementById("ca_content_ca").value) / 100;
70
  const caContentN = parseFloat(document.getElementById("ca_content_n").value) / 100;
71
+ const pContent = parseFloat(document.getElementById("p_content").value) / 100;
72
+ const kContentKH2PO4 = parseFloat(document.getElementById("k_content_kh2po4").value) / 100;
73
+ const kContentKNO3 = parseFloat(document.getElementById("k_content_kno3").value) / 100;
74
+ const nContentKNO3 = parseFloat(document.getElementById("n_content_kno3").value) / 100;
75
+ const mgContent = parseFloat(document.getElementById("mg_content").value) / 100;
76
+ const sContentMgSO4 = parseFloat(document.getElementById("s_content_mgso4").value) / 100;
77
+ const kContentK2SO4 = parseFloat(document.getElementById("k_content_k2so4").value) / 100;
78
+ const sContentK2SO4 = parseFloat(document.getElementById("s_content_k2so4").value) / 100;
79
+ const nContentNH4NO3 = parseFloat(document.getElementById("n_content_nh4no3").value) / 100;
80
 
81
  // Требуемые концентрации (мг/л)
82
  const ca = parseFloat(document.getElementById("ca").value) || 0;
 
84
  const k = parseFloat(document.getElementById("k").value) || 0;
85
  const mg = parseFloat(document.getElementById("mg").value) || 0;
86
  const s = parseFloat(document.getElementById("s").value) || 0;
87
+ const n = parseFloat(document.getElementById("n").value) || 0;
 
88
 
89
  // Проверка ввода
90
+ if ([ca, p, k, mg, s, n].some(v => isNaN(v))) {
91
  document.getElementById("result").innerHTML = "Введите все значения!";
92
  return;
93
  }
94
 
95
  // 1. KH₂PO₄ от P
96
+ let kh2po4 = p / pContent;
97
+ let kFromKH2PO4 = kh2po4 * kContentKH2PO4;
98
+
99
+ // 2. Ca(NO₃)₂·4H₂O от Ca
100
+ let caNO3 = ca / caContentCa;
101
+ let nFromCaNO3 = caNO3 * caContentN;
102
+
103
+ // 3. MgSO₄·7H₂O от Mg
104
+ let mgso4 = mg / mgContent;
105
+ let sFromMgSO4 = mgso4 * sContentMgSO4;
106
+
107
+ // 4. K₂SO₄ от остатка S
108
+ let sRemaining = s - sFromMgSO4;
109
+ let k2so4 = sRemaining > 0 ? sRemaining / sContentK2SO4 : 0;
110
+ let kFromK2SO4 = k2so4 * kContentK2SO4;
111
+
112
+ // 5. KNO₃ от остатка K
113
+ let kRemaining = k - kFromKH2PO4 - kFromK2SO4;
114
+ let kno3 = kRemaining > 0 ? kRemaining / kContentKNO3 : 0;
115
+ let nFromKNO3 = kno3 * nContentKNO3;
116
+
117
+ // 6. NH₄NO₃ от остатка N
118
+ let nRemaining = n - nFromCaNO3 - nFromKNO3;
119
+ let nh4no3 = nRemaining > 0 ? nRemaining / nContentNH4NO3 : 0;
120
+
121
+ // Итоговые концентрации
122
+ let totalN = (nFromCaNO3 + nFromKNO3 + nh4no3 * nContentNH4NO3).toFixed(2);
123
+ let totalP = (kh2po4 * pContent).toFixed(2);
124
+ let totalK = (kFromKH2PO4 + kFromK2SO4 + kno3 * kContentKNO3).toFixed(2);
125
+ let totalCa = (caNO3 * caContentCa).toFixed(2);
126
+ let totalMg = (mgso4 * mgContent).toFixed(2);
127
+ let totalS = (sFromMgSO4 + k2so4 * sContentK2SO4).toFixed(2);
128
+
129
+ // Результаты
130
+ let resultText = `
131
+ <h3>Результаты расчёта (г/1000 л):</h3>
132
+ <p>Ca(NO₃)₂·4H₂O: ${caNO3.toFixed(2)} (Ca: ${totalCa}, N: ${nFromCaNO3.toFixed(2)})</p>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
133
  <p>KH₂PO₄: ${kh2po4.toFixed(2)} (P: ${totalP}, K: ${kFromKH2PO4.toFixed(2)})</p>
134
+ <p>KNO₃: ${kno3.toFixed(2)} (K: ${(kno3 * kContentKNO3).toFixed(2)}, N: ${nFromKNO3.toFixed(2)})</p>
135
+ <p>MgSO₄·7H₂O: ${mgso4.toFixed(2)} (Mg: ${totalMg}, S: ${sFromMgSO4.toFixed(2)})</p>
136
+ <p>K₂SO₄: ${k2so4.toFixed(2)} (S: ${(k2so4 * sContentK2SO4).toFixed(2)}, K: ${kFromK2SO4.toFixed(2)})</p>
137
+ <p>NH₄NO₃: ${nh4no3.toFixed(2)} (N: ${(nh4no3 * nContentNH4NO3).toFixed(2)})</p>
138
  <h3>Итоговые концентрации (мг/л):</h3>
139
  <p>N: ${totalN}, P: ${totalP}, K: ${totalK}, Ca: ${totalCa}, Mg: ${totalMg}, S: ${totalS}</p>
140
  `;
141
+ document.getElementById("result").innerHTML = resultText;
142
  }
143
  </script>
144
  </body>