Conta vocali prof by @sarazani - Codewith.it

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

References

srcIndica la provenienza di una risorsa esterna (tramite URL).
<datalist>Crea una lista di opzioni pre-definite ed editabili per elementi di input
autoplayAttributo HTML autoplay per l'avvio automatico degli elementi audio e video
<pre>Indica una parte di testo preformattato
<meta>Definisce i meta dati di una pagina web.
requiredRende obbligatorio un campo di input

Users

Log in to search for users

Explore

Find inspiration

Indovina il numero 1 a 10

tabella con immagine

spiagge limitrofe

esercizio form 1

Home principale

esercitazione6.html

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>

//quando è il documento è pronto prende modulo vocali che il nome del form dove andiamo a scrivere
$(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. il valore di quello che l'utente scrive messo tutto in minuscolo

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

//adesso ci sono 3 metodi per calcolare la cosa, il primo per oggetto, il secondo con lo switch, il terzo con l'array

// 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];
        //quando case incontra il primo valore si ferma quindi lo devo far ripassare per ricontare se ci sono altre vocali
        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.