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

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

Referenze

<title>Definisce il titolo della pagina web.
loopL'attributo loop è usato per la riproduzione continua dei contenuti video e audio
downloadConsente di scaricare file al click di collegamento ipertestuale.
formenctypeDefinisce il tipo di codifica dei dati di un elemento input
<head>Tag primario di un documento HTML
multipleConverte in lista a selezione multipla

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

Genera Tavola Pitagorica (PHP)

Il Mondo della Tecnologia

Orologio Digitale

Pagina di Esempio

esercizio indice di un libro

esercizio tabella

no cap animazione

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