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

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

References

<div>Crea contenitori generici o sezioni in una pagina
maxImposta il valore numerico o temporale massimo per un elemento input
<h3>Titolo di intestazione di terzo livello
<td>Definisce una cella di una tabella HTML.
_parentApre collegamenti ipertestuali nell'elemento genitore
<iframe>Crea un frame all'interno di una pagina HTML.

Users

Log in to search for users

Explore

Find inspiration

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">
    <title>Conteggio delle Vocali</title>
    <!-- Collegamento a Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
</head>
<body>
    <div class="container">
        <h1>Conteggio delle Vocali</h1>
        <form id="moduloVocali">
            <div class="form-group">
                <label for="inputStringa">Inserisci una stringa:</label>
                <input type="text" class="form-control" id="inputStringa" name="inputStringa" placeholder="Inserisci una stringa">
            </div>
            <button type="submit" class="btn btn-primary">Conteggio Vocali</button>
        </form>
        <div id="risultato" class="mt-3"></div>
    </div>

    <!-- Collegamento a jQuery -->
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <!-- Collegamento a JavaScript personalizzato -->
    <script src="script.js"></script>
</body>
</html>

$(document).ready(function() {
    $('#moduloVocali').submit(function(evento) {
        evento.preventDefault(); // Impedisce il comportamento predefinito del modulo (ad es. ricaricamento della pagina)

        // Ottiene la stringa inserita dall'utente
        const stringaInserita = $('#inputStringa').val().toLowerCase(); // Converte la stringa in minuscolo per rendere il conteggio delle vocali case-insensitive

        // Chiama la funzione per contare le vocali
        const conteggioVocali = contaVocaliTernario(stringaInserita);

        // Mostra il risultato nell'elemento HTML
        $('#risultato').html("<p>Conteggio delle vocali:</p>" + conteggioVocali);
    });
});

// Funzione per contare le vocali in una stringa
function contaVocaliObject(stringa) {
    // Inizializza un array per tenere traccia del conteggio di ciascuna vocale
    const vocali = {
        'a': 0,
        'e': 0,
        'i': 0,
        'o': 0,
        'u': 0
    };

    // Scorre la stringa e aggiorna il conteggio delle vocali
    for (let i = 0; i < stringa.length; i++) {
        const carattere = stringa[i];
        if (vocali.hasOwnProperty(carattere)) {
            vocali[carattere]++;
        }
    }

    // Costruisce una stringa con il conteggio di ciascuna vocale
    let risultato = '';
    for (let vocale in vocali) {
        risultato += vocale.toUpperCase() + ": " + vocali[vocale] + "<br>";
    }

    return risultato;
}

// Funzione per contare le vocali in una stringa utilizzando un array
function contaVocaliArray(stringa) {
    // Inizializza un array per tenere traccia del conteggio di ciascuna vocale
    const vocali = [0, 0, 0, 0, 0]; // [a, e, i, o, u]

    // Scorre la stringa e aggiorna il conteggio delle vocali
    for (let i = 0; i < stringa.length; i++) {
        const carattere = stringa[i];
        switch (carattere) {
            case 'a':
                vocali[0]++;
                break;
            case 'e':
                vocali[1]++;
                break;
            case 'i':
                vocali[2]++;
                break;
            case 'o':
                vocali[3]++;
                break;
            case 'u':
                vocali[4]++;
                break;
        }
    }

    // Costruisce una stringa con il conteggio di ciascuna vocale
    let risultato = '';
    const vocaliLettere = ['A', 'E', 'I', 'O', 'U'];
    for (let i = 0; i < vocali.length; i++) {
        risultato += vocaliLettere[i] + ": " + vocali[i] + "<br>";
    }

    return risultato;
}

//In questa versione, utilizziamo un array vocali per tenere traccia del conteggio delle vocali. Ogni elemento dell'array rappresenta una vocale (nello stesso ordine di 'a', 'e', 'i', 'o', 'u'). Durante la scansione della stringa, incrementiamo il contatore corrispondente all'indice dell'array della vocale incontrata. Infine, utilizziamo un array vocaliLettere per associare le vocali ai loro simboli maiuscoli corrispondenti, consentendo di creare una stringa di output più leggibile.


// Funzione per contare le vocali in una stringa utilizzando un array e l'operatore ternario
function contaVocaliTernario(stringa) {
    // Inizializza un array per tenere traccia del conteggio di ciascuna vocale
    const vocali = [0, 0, 0, 0, 0]; // [a, e, i, o, u]

    // Scorre la stringa e aggiorna il conteggio delle vocali
    for (let i = 0; i < stringa.length; i++) {
        const carattere = stringa[i];
        vocali[carattere === 'a' ? 0 :
               carattere === 'e' ? 1 :
               carattere === 'i' ? 2 :
               carattere === 'o' ? 3 :
               carattere === 'u' ? 4 : -1]++;// Incrementa il conteggio della vocale corrispondente
      //stiamo utilizzando l'operatore ternario per determinare l'indice dell'array vocali in base al carattere corrente durante la scansione della stringa. La condizione è una serie di confronti carattere === 'vocale'. Se la condizione è vera, restituiamo l'indice corrispondente all'array vocali per quella vocale (0 per 'a', 1 per 'e', 2 per 'i', 3 per 'o', 4 per 'u'). Altrimenti, restituiamo -1, che non influenzerà il conteggio delle vocali.
      //Quindi, ad esempio, se carattere è 'a', il ternario restituirà 0, che corrisponde all'indice per la vocale 'a' nell'array vocali, quindi incrementeremo il conteggio di 'a'. Se carattere non corrisponde a nessuna delle vocali, restituiamo -1, il che non influenzerà il conteggio delle vocali.
      //Se ad esempio il carattere é 'a' avremo vocali[0]++ incrementanto il valore di 'a'
    }

    // Costruisce una stringa con il conteggio di ciascuna vocale
    let risultato = '';
    const vocaliLettere = ['A', 'E', 'I', 'O', 'U'];
    for (let i = 0; i < vocali.length; i++) {
        risultato += vocaliLettere[i] + ": " + vocali[i] + "<br>";
    }

    return risultato;
}

//In questa versione, utilizziamo l'operatore ternario per determinare l'indice dell'array vocali in base al carattere corrente durante la scansione della stringa. Questo ci consente di evitare l'uso dello switch case.