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

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

Referenze

<em>Formatta il testo in corsivo/italico enfatizzato
requiredRende obbligatorio un campo di input
<tr>Definisce le righe di una tabella (rows)
valueValore alfanumerico o booleano contenuto in un elemento
autocompleteIndica l'opzione di auto completamento delle aree di input e/o di un form
<!doctype>Dichiara la versione del linguaggio di sviluppo della pagina

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

Formattazione testo

La Storia di Cappuccetto Rosso

Heads Or Tails Tally. pre ai

Lezione 3/11 pt.2

Brawl Stars final

Campagna in primavera

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.
    });
});