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

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

References

<em>Formatta il testo in corsivo/italico enfatizzato
<br>Inserisce uno spazio vuoto tra due elementi HTML.
classDefinisce una o più classi per elemento
<i>Formatta il testo in corsivo/italico non enfatizzato
<tbody>Definisce il contenuto principale di una tabella.
listCollega un elemento input con una lista di opzioni datalist

Users

Log in to search for users

Explore

Find inspiration

Costruzione di tabella con html5

TEST COLSPAN ROWSPAN

Html con 3 img e descrize

riepilogativo 2

Esercitazione n.1

Gesù nostro signore(2)

Autovalutazione.it

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