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

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

References

<cite>Inserisce citazioni e menzioni riguardo un'opera creativa.
autoplayAttributo HTML autoplay per l'avvio automatico degli elementi audio e video
<!doctype>Dichiara la versione del linguaggio di sviluppo della pagina
minlengthDetermina il numero minimo di caratteri per un elemento input
requiredRende obbligatorio un campo di input
hrefDefinisce l'URL della risorsa/pagina di destinazione.

Users

Log in to search for users

Explore

Find inspiration

girar-imagem-canvas

La storia di Cappuccetto Rosso

Liste e tabelle

tabella ennesima

Taketori Monogatari

HTML

CSS

JS

terminal console

feedback

add_box New

cookie Policy

Privacy information and cookies

We use cookies or technologies for technical purposes and, with your consent, also for other purposes as specified in the cookie policy. Refusal of consent may make some functions unavailable. Read more about the privacy policy

Click on “Agree” to confirm.

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