Esercizi 01/03/2024 es3 by @AurelianoDC - Codewith.it

#main, .loader-cont { display: none; } JavaScript disabilitato.
Non puoi usare Codewith.it senza JavaScript.

Referenze

<embed>Tag per l'incorporamento di contenuti multimediali
<iframe>Crea un frame all'interno di una pagina HTML.
getDefinisce un metodo di invio di dati al server
application-x-www-form-urlencodedCodifica dei caratteri di un form
<h2>Titolo di intestazione di secondo livello
<base>Specifica l'URL di base per tutti gli URL relativi all'interno della pagina.

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

Ricettario rumeno

Landing Page Wex

Sezioni Nuove Delajo

Class Gradebook

Il mondo della tecnologia

JS Elementi del linguaggio es1

HTML

CSS

JS

terminal console

feedback

add_box Nuovo

cookie Informativa

Informativa privacy e cookies

Utilizziamo cookie o tecnologie per finalità tecniche e, con il tuo consenso, anche per altre finalità come specificato nella cookie policy. Il rifiuto del consenso può rendere non disponibili alcune funzioni. Leggi di più sull'informativa privacy

Clicca su “Accetta” per acconsentire.

<!DOCTYPE html>
<html lang="it">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
    integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

  <title>Sequenza di Fibonacci</title>
</head>

<body>
  <h1>Calcolatore della Sequenza di Fibonacci</h1>
  <form id="fibonacciForm">
    <div class="mb-3">
      <label for="numElements" class="form-label">Inserisci il numero di elementi della sequenza di Fibonacci:</label>
      <input type="number" class="form-control" id="numElements" aria-describedby="numElements">
    </div>
    <button type="submit" class="btn btn-primary">Genera Sequenza</button>
  </form>
  <div id="output"></div>

  <script src="script.js"></script>
</body>

</html>

// Definizione della funzione che calcola la sequenza di Fibonacci fino al numero specificato
function fibonacciSequence(n) {
    let sequence = []; // Inizializza un array vuoto per contenere la sequenza

    // Calcola i primi due numeri di Fibonacci
    let a = 0, b = 1; // Inizializza le variabili a e b con i primi due numeri di Fibonacci
    sequence.push(a); // Aggiunge il primo numero (0) alla sequenza
    sequence.push(b); // Aggiunge il secondo numero (1) alla sequenza

    // Calcola gli altri numeri di Fibonacci e li aggiunge alla sequenza
    for (let i = 2; i < n; i++) { // Inizia dal terzo numero di Fibonacci
        let c = a + b; // Calcola il nuovo numero di Fibonacci sommando i due precedenti
        sequence.push(c); // Aggiunge il nuovo numero alla sequenza
        a = b; // Aggiorna il valore di a al valore precedente di b
        b = c; // Aggiorna il valore di b al nuovo numero di Fibonacci
    }
    console.log(typeof(sequence));//Quando si utilizza typeof su un array, restituisce "object" perché gli array sono un tipo di oggetto in JavaScript. Tuttavia, è importante notare che gli array sono oggetti speciali che mantengono una lista ordinata di valori numerici con alcune proprietà e metodi aggiunti.

    return sequence; // Restituisce la sequenza di Fibonacci
}


// // Codice JS puro
// // Aggiunge un "ascoltatore" di eventi per il modulo di input quando viene inviato
// document.getElementById('fibonacciForm').addEventListener('submit', function(event) {
//     event.preventDefault(); // Impedisce il comportamento predefinito del modulo (ad es. ricaricamento della pagina)
//     const numElements = parseInt(document.getElementById('numElements').value); // Ottiene il numero di elementi desiderato dall'input dell'utente
//     const fibonacciNumbers = fibonacciSequence(numElements); // Chiama la funzione per calcolare la sequenza di Fibonacci
//     // Mostra la sequenza di Fibonacci generata nell'elemento HTML di output
//     document.getElementById('output').innerText = "Sequenza di Fibonacci con " + numElements + " elementi: " + fibonacciNumbers.join(", ");
// });


// Codice con jQuery
$(document).ready(function() {
    $('#fibonacciForm').submit(function(event) {
        event.preventDefault(); // Impedisce il comportamento predefinito del modulo (ad es. ricaricamento della pagina)
        const numElements = parseInt($('#numElements').val()); // Ottiene il numero di elementi desiderato dall'input dell'utente
        const fibonacciNumbers = fibonacciSequence(numElements); // Chiama la funzione per calcolare la sequenza di Fibonacci
        // Mostra la sequenza di Fibonacci generata nell'elemento HTML di output
        $('#output').text("Sequenza di Fibonacci con " + numElements + " elementi: " + fibonacciNumbers.join(", "));
        console.log(typeof(fibonacciNumbers)); //Quando si utilizza typeof su un array, restituisce "object" perché gli array sono un tipo di oggetto in JavaScript. Tuttavia, è importante notare che gli array sono oggetti speciali che mantengono una lista ordinata di valori numerici con alcune proprietà e metodi aggiunti.
         console.log(Array.isArray(fibonacciNumbers));//che restituirà true se fibonacciNumbers è un array e false altrimenti.
    });
});