1

He conseguido hacer un generador de números Fibonacci pero poniendo el valor en un formulario. A mi me gustaría un botón que cada vez que pulses vayan saliendo los números no poner un valor y que salgan. ¿Alguien podría ayudarme?

    <html>

<head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  <script>
    $(document).ready(function() {
      $("#boton").click(function() {
        var primer_numero = 0;
        var segundo_numero = 1;
        var tamanio = $("#numero").val();
        resultado = $("#resultado");
        var salida = '0,1';
        for (i = 0; i < tamanio - 2; i++) {
          var numero_siguiente = primer_numero + segundo_numero;
          salida = (salida + (",") + numero_siguiente);
          primer_numero = segundo_numero;
          segundo_numero = numero_siguiente;
        }
        $("#resultado").html(salida);
      });
    });
  </script>
</head>

<body>
  <h1> Introduce el número que quieras para sacar los números Fibonacci. </h1><br>
  <input type="text" name="value"  max="17" id="numero"></input><br>
  <button id="boton"> Submit </button><br>
  <h4>Output: <br> <span id="resultado"></span></h4><br>
</body>

</html>

1

1 respuesta 1

0

Tal como digo en mi comentario, podrías usar una función generadora que te devolverá siempre el siguiente número de la Sucesión de Fibonacci.

Por ejemplo, una función que genere los números de la Sucesión de Fibonacci puede verse así:

function* fibonacci() {
    let first = 0;
    let second = 1;
    let third = first + second;
    while(true) {
        yield first;
        first = second;
        second = third;
        third = first + second;
    }
}

El resultado lo puedes ver en el siguiente snippet:

function* fibonacci() {
    let first = 0;
    let second = 1;
    let third = first + second;
    while(true) {
        yield first;
        first = second;
        second = third;
        third = first + second;
    }
}
const fiboNumber = fibonacci();
$(document).ready(function() {
    $("#boton").click(function() {
        const value = $("#fibo").html() + `${fiboNumber.next().value} &nbsp;`;
        $("#fibo").html(value);
    });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button id="boton">Obtener el siguiente número de la sucesión</button>
<br>
<div id="fibo"></div>

Como se aprecia en el código, utilizo 3 variables: first, second y third para almacenar los valores calculados en cada llamada a next().

Espero que esto te ayude a resolver el problema.

5
  • Buenas Mauricio, muchísimas gracias por responder, me valdría perfectamente. Pero me surge otra duda, si quiero que vayan apareciendo pero no se borren, es decir, al lado o debajo como podria hacerlo?
    – Wilfredo
    Commented el 13 sept. 2022 a las 11:40
  • Claro, es muy sencillo, en vez de sobre escribir el valor del div lo vas a concatenar. Commented el 13 sept. 2022 a las 11:42
  • @PedroAntonioAlegreDíaz he editado mi respuesta para mostrar los valores uno al lado del otro. Saludos Commented el 13 sept. 2022 a las 12:45
  • Muchisimas gracias compañero! Me queda clarísimo :)
    – Wilfredo
    Commented el 13 sept. 2022 a las 13:23
  • Si la respuesta es válida, puedes marcarla y votar positivo. Eso te da reputación tanto a ti como a mi. Saludos Commented el 13 sept. 2022 a las 13:25

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.