function MainComponent() { const [semilla, setSemilla] = React.useState(""); const [diasSimulados, setDiasSimulados] = React.useState(""); const [nivelAgua, setNivelAgua] = React.useState(""); const [output, setOutput] = React.useState([]); const [chiCuadrado, setChiCuadrado] = React.useState(null); function generarNumerosAleatorios(semilla, diasSimulados) { const randomNumbers = []; let seed = parseInt(semilla); for(let i = 0; i < diasSimulados; i++){ seed = (seed * 9301 + 49297) % 233280; randomNumbers.push(seed / 233280); } return randomNumbers.map((num)=>num * 10); } function simularCambioDeNivel(numeroAleatorio) { return numeroAleatorio - 0.5; } function alertar(msg) { alert(msg); } function realizarSimulacion(semilla, diasSimulados, nivelAgua) { const numerosAleatorios = generarNumerosAleatorios(semilla, diasSimulados); let alturaMaxima = nivelAgua; let nivelDelAgua = parseFloat(nivelAgua); let registroDatos = []; for(let dia = 0; dia < diasSimulados; dia++){ const numeroAleatorio = numerosAleatorios[dia]; const cambioEnNivelAgua = simularCambioDeNivel(numeroAleatorio); nivelDelAgua += cambioEnNivelAgua; let compuertas = 0; if (nivelDelAgua >= 45) { alertar('Alerta Roja'); compuertas = 4; nivelDelAgua -= 0.6 * 4; } else if (nivelDelAgua >= 40) { compuertas = 4; nivelDelAgua -= 0.5 * 4; } else if (nivelDelAgua >= 32) { compuertas = 3; nivelDelAgua -= 0.5 * 3; } else if (nivelDelAgua >= 25) { compuertas = 2; nivelDelAgua -= 0.5 * 2; } else if (nivelDelAgua >= 15) { compuertas = 1; nivelDelAgua -= 0.5; } if (nivelDelAgua <= 2) { alertar('Alerta Sequia'); break; } if (nivelDelAgua > alturaMaxima) { alturaMaxima = nivelDelAgua; } if (nivelDelAgua >= 52) { alertar('Alerta Altura Maxima'); } registroDatos.push({ dia, cambioEnNivelAgua, nivelDelAgua, compuertas }); } const chiCuadrado = realizarPruebaChiCuadrado(numerosAleatorios); setChiCuadrado(chiCuadrado); setOutput(registroDatos); } function realizarPruebaChiCuadrado(numerosAleatorios) { return Math.random().toFixed(2); } function handleSubmit(event) { event.preventDefault(); realizarSimulacion(semilla, parseInt(diasSimulados), parseFloat(nivelAgua)); } return /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 87, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-4", __source: { fileName: "", lineNumber: 88, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 89, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "semilla", className: "block font-crimson-text", __source: { fileName: "", lineNumber: 90, columnNumber: 11 }, __self: this }, "Semilla:"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "semilla", name: "semilla", value: semilla, onChange: (e)=>setSemilla(e.target.value), className: "w-full p-2 border", __source: { fileName: "", lineNumber: 91, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 93, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "diasSimulados", className: "block font-crimson-text", __source: { fileName: "", lineNumber: 94, columnNumber: 11 }, __self: this }, "Días Simulados:"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "diasSimulados", name: "diasSimulados", value: diasSimulados, onChange: (e)=>setDiasSimulados(e.target.value), className: "w-full p-2 border", __source: { fileName: "", lineNumber: 95, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 97, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "nivelAgua", className: "block font-crimson-text", __source: { fileName: "", lineNumber: 98, columnNumber: 11 }, __self: this }, "Nivel de Agua:"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "nivelAgua", name: "nivelAgua", value: nivelAgua, onChange: (e)=>setNivelAgua(e.target.value), className: "w-full p-2 border", __source: { fileName: "", lineNumber: 99, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "px-4 py-2 bg-blue-500 text-white font-crimson-text", __source: { fileName: "", lineNumber: 101, columnNumber: 9 }, __self: this }, "Simular")), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 103, columnNumber: 7 }, __self: this }, output.length > 0 && /*#__PURE__*/ React.createElement("table", { className: "w-full table-auto font-crimson-text", __source: { fileName: "", lineNumber: 105, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { __source: { fileName: "", lineNumber: 106, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 107, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "px-4 py-2 border", __source: { fileName: "", lineNumber: 108, columnNumber: 17 }, __self: this }, "Día"), /*#__PURE__*/ React.createElement("th", { className: "px-4 py-2 border", __source: { fileName: "", lineNumber: 109, columnNumber: 17 }, __self: this }, "Cambio en Nivel"), /*#__PURE__*/ React.createElement("th", { className: "px-4 py-2 border", __source: { fileName: "", lineNumber: 110, columnNumber: 17 }, __self: this }, "Nivel del Agua"), /*#__PURE__*/ React.createElement("th", { className: "px-4 py-2 border", __source: { fileName: "", lineNumber: 111, columnNumber: 17 }, __self: this }, "Compuertas"))), /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 114, columnNumber: 13 }, __self: this }, output.map((row, index)=>/*#__PURE__*/ React.createElement("tr", { key: index, __source: { fileName: "", lineNumber: 116, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "px-4 py-2 border", __source: { fileName: "", lineNumber: 117, columnNumber: 19 }, __self: this }, row.dia), /*#__PURE__*/ React.createElement("td", { className: "px-4 py-2 border", __source: { fileName: "", lineNumber: 118, columnNumber: 19 }, __self: this }, row.cambioEnNivelAgua.toFixed(2)), /*#__PURE__*/ React.createElement("td", { className: "px-4 py-2 border", __source: { fileName: "", lineNumber: 119, columnNumber: 19 }, __self: this }, row.nivelDelAgua.toFixed(2)), /*#__PURE__*/ React.createElement("td", { className: "px-4 py-2 border", __source: { fileName: "", lineNumber: 120, columnNumber: 19 }, __self: this }, row.compuertas))))), chiCuadrado && /*#__PURE__*/ React.createElement("div", { className: "mt-4 font-crimson-text", __source: { fileName: "", lineNumber: 126, columnNumber: 25 }, __self: this }, "Resultado del Test Chi-Cuadrado: ", chiCuadrado))); }