Bastante nuevo en esto,
Solo trato de obtener la entrada del formulario en el generador y salir de la pantalla inferior. El generador y la pantalla están conectados, solo necesita obtener la entrada del formulario para alimentar el generador ahora
¡Cualquier ayuda sería apreciada!
</head> <body> <div class="background-color"> <h1>Welcome to the Fibonacci Generator!</h1> <h2>Please input a number between 1 and 10</h2> <div class="container"> <form class="pure-form"> <input class="numberInputBox" autocomplete="off" id="name" type="number" placeholder=" Enter # Here!" /> <button type="submit" class="btn btn-success heighttext">GO! </button> </form> <script type="text/javascript"> var nameInput = document.getElementById('name'); document.querySelector('form.pure- form').addEventListener('submit', function (e) { e.preventDefault(); }); </script> </div> <div class="display"> <script type="text/javascript"> </script> <h1> <script type="text/javascript"> function fibonacciGenerator(n) { var seq = [0, 1]; for (var i = 2; i < n; i++) { seq.push(seq.at(-1) + seq.at(-2)); } seq.length = n; return seq; } document.write(fibonacciGenerator(10)); </script> </h1> </div> </div> </div> </div> </div> </body> </html> <footer> <div class="footer"> </div> </footer>Aquí hay un ejemplo muy simple de pasar el resultado de una función fibonacciGenerator a document.write .
function fibonacciGenerator(n) { var seq = [0, 1]; for (var i = 2; i < n; i++) { seq.push(seq.at(-1) + seq.at(-2)); } seq.length = n; return seq; } document.write(fibonacciGenerator(10));Si intenta obtener un "resultado" utilizando document.getElementById, eso no funciona. getElementById devuelve una etiqueta del DOM.
Debe adjuntar el var "resultado" a alguna etiqueta en su DOM.