api_g / calculate.html
DmitrMakeev's picture
Update calculate.html
f2890ea verified
raw
history blame
7.88 kB
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Расчёт удобрений с учётом составов</title>
<style>
body { font-family: Arial, sans-serif; margin: 20px; }
input { padding: 8px; margin: 5px; width: 200px; }
button { padding: 8px 12px; cursor: pointer; margin-top: 10px; }
.result { margin-top: 20px; }
</style>
</head>
<body>
<h1>Расчёт необходимого количества удобрений с учётом состава</h1>
<div>
<h3>Введите состав удобрений (%):</h3>
<label for="ca_content_ca">Ca в Ca(NO₃)₂·4H₂O:</label>
<input type="number" id="ca_content_ca" value="19" step="0.1"><br>
<label for="ca_content_n">N в Ca(NO₃)₂·4H₂O:</label>
<input type="number" id="ca_content_n" value="14.9" step="0.1"><br>
<label for="p_content">P в KH₂PO₄:</label>
<input type="number" id="p_content" value="22" step="0.1"><br>
<label for="k_content_kh2po4">K в KH₂PO₄:</label>
<input type="number" id="k_content_kh2po4" value="28" step="0.1"><br>
<label for="k_content_kno3">K в KNO₃:</label>
<input type="number" id="k_content_kno3" value="46" step="0.1"><br>
<label for="n_content_kno3">N в KNO₃:</label>
<input type="number" id="n_content_kno3" value="13.5" step="0.1"><br>
<label for="mg_content">Mg в MgSO₄·7H₂O:</label>
<input type="number" id="mg_content" value="16" step="0.1"><br>
<label for="s_content_mgso4">S в MgSO₄·7H₂O:</label>
<input type="number" id="s_content_mgso4" value="13.5" step="0.1"><br>
<label for="k_content_k2so4">K в K₂SO₄:</label>
<input type="number" id="k_content_k2so4" value="41.5" step="0.1"><br>
<label for="s_content_k2so4">S в K₂SO₄:</label>
<input type="number" id="s_content_k2so4" value="18" step="0.1"><br>
<label for="n_content_nh4no3">N в NH₄NO₃:</label>
<input type="number" id="n_content_nh4no3" value="34" step="0.1"><br>
<h3>Введите требуемые концентрации элементов (мг/л):</h3>
<label for="ca">Кальций (Ca):</label>
<input type="number" id="ca" placeholder="например, 115"><br>
<label for="p">Фосфор (P):</label>
<input type="number" id="p" placeholder="например, 60"><br>
<label for="k">Калий (K):</label>
<input type="number" id="k" placeholder="например, 149.5"><br>
<label for="mg">Магний (Mg):</label>
<input type="number" id="mg" placeholder="например, 42.71"><br>
<label for="s">Сера (S):</label>
<input type="number" id="s" placeholder="например, 74.691"><br>
<label for="n">Азот (N):</label>
<input type="number" id="n" placeholder="например, 110.74"><br>
<button onclick="calculate()">Рассчитать количество удобрений</button>
</div>
<div class="result" id="result"></div>
<script>
function calculate() {
// Состав удобрений (% → доли)
const caContentCa = parseFloat(document.getElementById("ca_content_ca").value) / 100;
const caContentN = parseFloat(document.getElementById("ca_content_n").value) / 100;
const pContent = parseFloat(document.getElementById("p_content").value) / 100;
const kContentKH2PO4 = parseFloat(document.getElementById("k_content_kh2po4").value) / 100;
const kContentKNO3 = parseFloat(document.getElementById("k_content_kno3").value) / 100;
const nContentKNO3 = parseFloat(document.getElementById("n_content_kno3").value) / 100;
const mgContent = parseFloat(document.getElementById("mg_content").value) / 100;
const sContentMgSO4 = parseFloat(document.getElementById("s_content_mgso4").value) / 100;
const kContentK2SO4 = parseFloat(document.getElementById("k_content_k2so4").value) / 100;
const sContentK2SO4 = parseFloat(document.getElementById("s_content_k2so4").value) / 100;
const nContentNH4NO3 = parseFloat(document.getElementById("n_content_nh4no3").value) / 100;
// Требуемые концентрации (мг/л)
const ca = parseFloat(document.getElementById("ca").value) || 0;
const p = parseFloat(document.getElementById("p").value) || 0;
const k = parseFloat(document.getElementById("k").value) || 0;
const mg = parseFloat(document.getElementById("mg").value) || 0;
const s = parseFloat(document.getElementById("s").value) || 0;
const n = parseFloat(document.getElementById("n").value) || 0;
// Проверка ввода
if ([ca, p, k, mg, s, n].some(v => isNaN(v))) {
document.getElementById("result").innerHTML = "Введите все значения!";
return;
}
// 1. KH₂PO₄ от P
let kh2po4 = p / pContent;
let kFromKH2PO4 = kh2po4 * kContentKH2PO4;
// 2. Ca(NO₃)₂·4H₂O от Ca
let caNO3 = ca / caContentCa;
let nFromCaNO3 = caNO3 * caContentN;
// 3. MgSO₄·7H₂O от Mg
let mgso4 = mg / mgContent;
let sFromMgSO4 = mgso4 * sContentMgSO4;
// 4. K₂SO₄ от остатка S
let sRemaining = s - sFromMgSO4;
let k2so4 = sRemaining > 0 ? sRemaining / sContentK2SO4 : 0;
let kFromK2SO4 = k2so4 * kContentK2SO4;
// 5. KNO₃ от остатка K
let kRemaining = k - kFromKH2PO4 - kFromK2SO4;
let kno3 = kRemaining > 0 ? kRemaining / kContentKNO3 : 0;
let nFromKNO3 = kno3 * nContentKNO3;
// 6. NH₄NO₃ от остатка N
let nRemaining = n - nFromCaNO3 - nFromKNO3;
let nh4no3 = nRemaining > 0 ? nRemaining / nContentNH4NO3 : 0;
// Итоговые концентрации
let totalN = (nFromCaNO3 + nFromKNO3 + nh4no3 * nContentNH4NO3).toFixed(2);
let totalP = (kh2po4 * pContent).toFixed(2);
let totalK = (kFromKH2PO4 + kFromK2SO4 + kno3 * kContentKNO3).toFixed(2);
let totalCa = (caNO3 * caContentCa).toFixed(2);
let totalMg = (mgso4 * mgContent).toFixed(2);
let totalS = (sFromMgSO4 + k2so4 * sContentK2SO4).toFixed(2);
// Результаты
let resultText = `
<h3>Результаты расчёта (г/1000 л):</h3>
<p>Ca(NO₃)₂·4H₂O: ${caNO3.toFixed(2)} (Ca: ${totalCa}, N: ${nFromCaNO3.toFixed(2)})</p>
<p>KH₂PO₄: ${kh2po4.toFixed(2)} (P: ${totalP}, K: ${kFromKH2PO4.toFixed(2)})</p>
<p>KNO₃: ${kno3.toFixed(2)} (K: ${(kno3 * kContentKNO3).toFixed(2)}, N: ${nFromKNO3.toFixed(2)})</p>
<p>MgSO₄·7H₂O: ${mgso4.toFixed(2)} (Mg: ${totalMg}, S: ${sFromMgSO4.toFixed(2)})</p>
<p>K₂SO₄: ${k2so4.toFixed(2)} (S: ${(k2so4 * sContentK2SO4).toFixed(2)}, K: ${kFromK2SO4.toFixed(2)})</p>
<p>NH₄NO₃: ${nh4no3.toFixed(2)} (N: ${(nh4no3 * nContentNH4NO3).toFixed(2)})</p>
<h3>Итоговые концентрации (мг/л):</h3>
<p>N: ${totalN}, P: ${totalP}, K: ${totalK}, Ca: ${totalCa}, Mg: ${totalMg}, S: ${totalS}</p>
`;
document.getElementById("result").innerHTML = resultText;
}
</script>
</body>
</html>