0

Estoy creando un generador de pseudocodigo aleatorio por cuadrados medios, pero siempre me copia de mi tabla la columna de cifras centrales, todo me lo hace bien pero solo es que me copia las columnas ejemplo si ingreso la cifra que ingreso en la página es 5735, me manda una tabla así:

Iteración X X^2 Cifras centrales R
1 8902 32890225 8902 0.8902
2 2456 79245604 2456 0.2456
3 319 6031936 0319 0.0319
4 1017 101761 1017 0.1017
5 342 1034289 0342 0.0342

y lo que busco es que este coherente:

Iteración X X^2 Cifras centrales R
1 5735 32890225 8902 0.8902
2 8902 79245604 2456 0.2456
3 2456 6031936 0319 0.0319
4 0319 101761 1017 0.1017
5 1017 1034289 0342 0.0342

Ya verique mil veces y todo lo puse bien, solo es que me esta copiando la columna. Por favor y gracias de antemano

const calcular = document.getElementById("Calcular");
const resultadoDiv = document.getElementById("resultado"); // seleccionamos el elemento donde mostraremos el resultado

calcular.addEventListener("click", () => {
  const semilla = document.getElementById("Semilla").value;
  const contador = document.getElementById("contador").value;
  let resultado = parseInt(semilla);
  let resultadoFinal = "";
  let variableSemilla = "";
  let variableX = resultado;
  let variableR = "";

  let tabla = "<table>";
  tabla += "<tr><th>Iteración</th><th>X</th><th>X^2</th><th>Cifras centrales</th><th>R</th></tr>";

  for (let i = 1; i <= contador; i++) {
    resultado = variableX * variableX;
    let resultadoStr = resultado.toString();
    
    // Agregamos ceros al inicio si el resultado tiene menos de la longitud de la semilla
    if (resultadoStr.length < semilla.length) {
      resultadoStr = "0".repeat(semilla.length - resultadoStr.length) + resultadoStr;
    }
    
    // Agregamos ceros al inicio si el resultado tiene menos de 8 cifras
    if (resultadoStr.length < 8) {
      resultadoStr = "0".repeat(8 - resultadoStr.length) + resultadoStr;
    }
    
    let cifrasCentrales = obtenerCifrasCentrales(resultadoStr, semilla.length);
    variableX = parseInt(cifrasCentrales);
    
    variableR = "0." + obtenerCifrasCentrales(resultadoStr, semilla.length);

    tabla += "<tr>";
    tabla += "<td>" + i + "</td>";
    tabla += "<td>" + variableX + "</td>";
    tabla += "<td>" + resultado + "</td>";
    tabla += "<td>" + cifrasCentrales + "</td>";
    tabla += "<td>" + variableR + "</td>";
    tabla += "</tr>";
}

tabla += "</table>";
resultadoDiv.innerHTML = tabla; // agregamos la tabla al contenido del div
});

function obtenerCifrasCentrales(str, numCifras) {
const offset = Math.floor((str.length - numCifras) / 2);
return str.substr(offset, numCifras);
}
body {
    
    background-image: linear-gradient(to top, #30cfd0 0%, #330867 100%);
    height: 1300px;
    color: beige;
}

header {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

main {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 250px;
    margin-top: 5%;
}

.xo {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
}

.resultadoQuater {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
}

.semilla{
    height: 900px;
}

sub .parrafoQuater {
    width: 50px;
    height: 70px;
    font-size: 15px;
    margin-right: 20px;
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

p{
    font-size: 29px;
    width: 250px;
    margin-left: 30px;
}

input {
    width: 270px;
    height: 50px;
    font-size: 20px;
    border: 3px solid black;
    margin-left: 20px;
  }

footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.Boton button {
    background-color: #009688;
    color: #ffffff;
    font-size: 1.5rem;
    border: none;
    border-radius: 5px;
    padding: 10px 30px;
    margin-top: 20px;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3);
}

.Boton button:hover {
    background-color: #00796b;
    cursor: pointer;
}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/Cuadrado.css">
    <title>Cuadrados medios</title>
    
</head>

<body>

    <header>
        <h1>Cuadrados medios</h1>
        <h3>Algoritmo</h3>
    </header>

    <main>
        <div class="semilla">
          <div class="xo">
            <p class="parrafoQuater">Ingrese la semilla X<sub>0</sub></p>
            <input id="Semilla" type="text" inputmode="numeric">
          </div>  
          <div class="resultadoQuater">
            <p class="parrafoQuater">Ingrese cuantos resultados quiere visualizar</p>
            <input id="contador" type="number">
          </div>
        </div>
        <div id="resultado"></div> <!-- nuevo elemento para mostrar el resultado -->
    </main>



    <footer>
        <div class="Boton" id="Calcular" >
            <button >Calcular</button>
        </div>
    </footer>
    
<script src="src.js"></script>
</body>
</html>

1
  • 1
    Dices genrador de pseudocodigo aleatorio no será generador de Números pseudoaleatorios ????
    – Yussef
    Commented el 9 mar. 2023 a las 9:55

1 respuesta 1

0

Lo que pasa es que el primer valor de X es la semilla, y en cada iteración se calcula el valor X pero de la siguiente iteración. En cambio tu colocas el valor calculado en el actual. Entonces simplemente tienes que mover variableX = parseInt(cifrasCentrales); al final del for

introducir la descripción de la imagen aquí

Ejemplo:

const calcular = document.getElementById("Calcular");
const resultadoDiv = document.getElementById("resultado"); // seleccionamos el elemento donde mostraremos el resultado

calcular.addEventListener("click", () => {
  const semilla = document.getElementById("Semilla").value;
  const contador = document.getElementById("contador").value;
  let resultado = parseInt(semilla);
  let resultadoFinal = "";
  let variableSemilla = "";
  let variableX = resultado;
  let variableR = "";

  let tabla = "<table>";
  tabla += "<tr><th>Iteración</th><th>X</th><th>X^2</th><th>Cifras centrales</th><th>R</th></tr>";

 
  for (let i = 1; i <= contador; i++) {
    resultado = variableX * variableX;
    let resultadoStr = resultado.toString();
    
    // Agregamos ceros al inicio si el resultado tiene menos de la longitud de la semilla
    if (resultadoStr.length < semilla.length) {
      resultadoStr = "0".repeat(semilla.length - resultadoStr.length) + resultadoStr;
    }
    
    // Agregamos ceros al inicio si el resultado tiene menos de 8 cifras
    if (resultadoStr.length < 8) {
      resultadoStr = "0".repeat(8 - resultadoStr.length) + resultadoStr;
    }
    
    let cifrasCentrales = obtenerCifrasCentrales(resultadoStr, semilla.length);
  //  variableX = parseInt(cifrasCentrales);
    
    variableR = "0." + obtenerCifrasCentrales(resultadoStr, semilla.length);

    tabla += "<tr>";
    tabla += "<td>" + i + "</td>";
    tabla += "<td>" + variableX + "</td>";
    tabla += "<td>" + resultado + "</td>";
    tabla += "<td>" + cifrasCentrales + "</td>";
    tabla += "<td>" + variableR + "</td>";
    tabla += "</tr>";
    variableX = parseInt(cifrasCentrales);
}

tabla += "</table>";
resultadoDiv.innerHTML = tabla; // agregamos la tabla al contenido del div
});

function obtenerCifrasCentrales(str, numCifras) {
const offset = Math.floor((str.length - numCifras) / 2);
return str.substr(offset, numCifras);
}
body {
    
    background-image: linear-gradient(to top, #30cfd0 0%, #330867 100%);
    height: 1300px;
    color: beige;
}

header {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

main {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 250px;
    margin-top: 5%;
}

.xo {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
}

.resultadoQuater {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
}

.semilla{
    height: 900px;
}

sub .parrafoQuater {
    width: 50px;
    height: 70px;
    font-size: 15px;
    margin-right: 20px;
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

p{
    font-size: 29px;
    width: 250px;
    margin-left: 30px;
}

input {
    width: 270px;
    height: 50px;
    font-size: 20px;
    border: 3px solid black;
    margin-left: 20px;
  }

footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.Boton button {
    background-color: #009688;
    color: #ffffff;
    font-size: 1.5rem;
    border: none;
    border-radius: 5px;
    padding: 10px 30px;
    margin-top: 20px;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3);
}

.Boton button:hover {
    background-color: #00796b;
    cursor: pointer;
}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/Cuadrado.css">
    <title>Cuadrados medios</title>
    
</head>

<body>

    <header>
        <h1>Cuadrados medios</h1>
        <h3>Algoritmo</h3>
    </header>

    <main>
        <div class="semilla">
          <div class="xo">
            <p class="parrafoQuater">Ingrese la semilla X<sub>0</sub></p>
            <input id="Semilla" type="text" inputmode="numeric">
          </div>  
          <div class="resultadoQuater">
            <p class="parrafoQuater">Ingrese cuantos resultados quiere visualizar</p>
            <input id="contador" type="number">
          </div>
        </div>
        <div id="resultado"></div> <!-- nuevo elemento para mostrar el resultado -->
    </main>



    <footer>
        <div class="Boton" id="Calcular" >
            <button >Calcular</button>
        </div>
    </footer>
    
<script src="src.js"></script>
</body>
</html>

1
  • wow hermano, muchas gracias enserio
    – El Chido
    Commented el 9 mar. 2023 a las 15:42

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.