Calculated Stocking Density

Basic Stocking Density: ${basicDensity.toFixed(2)} fish per cubic meter

Adjusted Stocking Density: ${adjustedDensity.toFixed(2)} fish per cubic meter

`; document.getElementById('result').style.display = 'block'; }); }, []); return /*#__PURE__*/ React.createElement("div", { className: "w-[90%] max-w-[600px] mx-auto my-[50px] bg-white p-[20px] rounded-[8px] shadow-md", __source: { fileName: "", lineNumber: 93, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-center text-[#4CAF50] font-arial", __source: { fileName: "", lineNumber: 94, columnNumber: 7 }, __self: this }, "Fish Pond Stocking Density Calculator"), /*#__PURE__*/ React.createElement("form", { id: "densityForm", className: "flex flex-col", __source: { fileName: "", lineNumber: 95, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "mt-2", htmlFor: "species", __source: { fileName: "", lineNumber: 96, columnNumber: 9 }, __self: this }, "Species:"), /*#__PURE__*/ React.createElement("select", { id: "species", className: "mt-1 p-[10px] border border-gray-300 rounded-[4px]", __source: { fileName: "", lineNumber: 97, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "1", __source: { fileName: "", lineNumber: 98, columnNumber: 11 }, __self: this }, "Species 1"), /*#__PURE__*/ React.createElement("option", { value: "2", __source: { fileName: "", lineNumber: 99, columnNumber: 11 }, __self: this }, "Species 2"), /*#__PURE__*/ React.createElement("option", { value: "3", __source: { fileName: "", lineNumber: 100, columnNumber: 11 }, __self: this }, "Species 3"), /*#__PURE__*/ React.createElement("option", { value: "4", __source: { fileName: "", lineNumber: 101, columnNumber: 11 }, __self: this }, "Species 4"), /*#__PURE__*/ React.createElement("option", { value: "5", __source: { fileName: "", lineNumber: 102, columnNumber: 11 }, __self: this }, "Species 5"), /*#__PURE__*/ React.createElement("option", { value: "6", __source: { fileName: "", lineNumber: 103, columnNumber: 11 }, __self: this }, "Species 6"), /*#__PURE__*/ React.createElement("option", { value: "7", __source: { fileName: "", lineNumber: 104, columnNumber: 11 }, __self: this }, "Species 7"), /*#__PURE__*/ React.createElement("option", { value: "8", __source: { fileName: "", lineNumber: 105, columnNumber: 11 }, __self: this }, "Species 8"), /*#__PURE__*/ React.createElement("option", { value: "9", __source: { fileName: "", lineNumber: 106, columnNumber: 11 }, __self: this }, "Species 9")), /*#__PURE__*/ React.createElement("label", { className: "mt-2", htmlFor: "fishSize", __source: { fileName: "", lineNumber: 109, columnNumber: 9 }, __self: this }, "Fish Size (grams):"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "fishSize", step: "0.01", required: true, className: "mt-1 p-[10px] border border-gray-300 rounded-[4px]", __source: { fileName: "", lineNumber: 110, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("label", { className: "mt-2", htmlFor: "secchiDepth", __source: { fileName: "", lineNumber: 112, columnNumber: 9 }, __self: this }, "Secchi Depth (meters):"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "secchiDepth", step: "0.01", required: true, className: "mt-1 p-[10px] border border-gray-300 rounded-[4px]", __source: { fileName: "", lineNumber: 113, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("label", { className: "mt-2", htmlFor: "waterDepth", __source: { fileName: "", lineNumber: 115, columnNumber: 9 }, __self: this }, "Water Depth (meters):"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "waterDepth", step: "0.01", required: true, className: "mt-1 p-[10px] border border-gray-300 rounded-[4px]", __source: { fileName: "", lineNumber: 116, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("label", { className: "mt-2", htmlFor: "fishStage", __source: { fileName: "", lineNumber: 118, columnNumber: 9 }, __self: this }, "Fish Stage:"), /*#__PURE__*/ React.createElement("select", { id: "fishStage", className: "mt-1 p-[10px] border border-gray-300 rounded-[4px]", __source: { fileName: "", lineNumber: 119, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "2", __source: { fileName: "", lineNumber: 120, columnNumber: 11 }, __self: this }, "Fry"), /*#__PURE__*/ React.createElement("option", { value: "1", __source: { fileName: "", lineNumber: 121, columnNumber: 11 }, __self: this }, "Fingerlings"), /*#__PURE__*/ React.createElement("option", { value: "0.5", __source: { fileName: "", lineNumber: 122, columnNumber: 11 }, __self: this }, "Juveniles"), /*#__PURE__*/ React.createElement("option", { value: "0.3", __source: { fileName: "", lineNumber: 123, columnNumber: 11 }, __self: this }, "Adults"), /*#__PURE__*/ React.createElement("option", { value: "0.15", __source: { fileName: "", lineNumber: 124, columnNumber: 11 }, __self: this }, "Large Adults")), /*#__PURE__*/ React.createElement("label", { className: "mt-2", htmlFor: "aerationType", __source: { fileName: "", lineNumber: 127, columnNumber: 9 }, __self: this }, "Aeration System:"), /*#__PURE__*/ React.createElement("select", { id: "aerationType", className: "mt-1 p-[10px] border border-gray-300 rounded-[4px]", __source: { fileName: "", lineNumber: 128, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "none", __source: { fileName: "", lineNumber: 129, columnNumber: 11 }, __self: this }, "None"), /*#__PURE__*/ React.createElement("option", { value: "diffused", __source: { fileName: "", lineNumber: 130, columnNumber: 11 }, __self: this }, "Diffused"), /*#__PURE__*/ React.createElement("option", { value: "surface", __source: { fileName: "", lineNumber: 131, columnNumber: 11 }, __self: this }, "Surface"), /*#__PURE__*/ React.createElement("option", { value: "paddle", __source: { fileName: "", lineNumber: 132, columnNumber: 11 }, __self: this }, "Paddle Wheel"), /*#__PURE__*/ React.createElement("option", { value: "double", __source: { fileName: "", lineNumber: 133, columnNumber: 11 }, __self: this }, "Double Aeration"), /*#__PURE__*/ React.createElement("option", { value: "impeller", __source: { fileName: "", lineNumber: 134, columnNumber: 11 }, __self: this }, "Impeller Aeration")), /*#__PURE__*/ React.createElement("div", { id: "aerationDetails", className: "hidden", __source: { fileName: "", lineNumber: 137, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "mt-2", htmlFor: "airflowRate", __source: { fileName: "", lineNumber: 138, columnNumber: 11 }, __self: this }, "Airflow Rate (m³/h):"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "airflowRate", step: "0.01", className: "mt-1 p-[10px] border border-gray-300 rounded-[4px]", __source: { fileName: "", lineNumber: 139, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("label", { className: "mt-2", htmlFor: "numDiffusers", __source: { fileName: "", lineNumber: 141, columnNumber: 11 }, __self: this }, "Number of Diffusers:"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "numDiffusers", className: "mt-1 p-[10px] border border-gray-300 rounded-[4px]", __source: { fileName: "", lineNumber: 142, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("label", { className: "mt-2", htmlFor: "waterVolume", __source: { fileName: "", lineNumber: 144, columnNumber: 11 }, __self: this }, "Water Volume (m³):"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "waterVolume", step: "0.01", className: "mt-1 p-[10px] border border-gray-300 rounded-[4px]", __source: { fileName: "", lineNumber: 145, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "mt-[20px] p-[10px] bg-[#4CAF50] text-white rounded-[4px] hover:bg-[#45a049] cursor-pointer", __source: { fileName: "", lineNumber: 148, columnNumber: 9 }, __self: this }, "Calculate Stocking Density")), /*#__PURE__*/ React.createElement("div", { id: "result", className: "hidden mt-[20px] p-[20px] bg-[#e7f9e7] border border-[#4CAF50] rounded-[4px]", __source: { fileName: "", lineNumber: 150, columnNumber: 7 }, __self: this })); }