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

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

Referenze

<i>Formatta il testo in corsivo/italico non enfatizzato
srcIndica la provenienza di una risorsa esterna (tramite URL).
preloadL'attributo preload indica se precaricare un contenuto audio e video con il documento HTML
<audio>Il tag <audio> HTML permette di inserire contenuti musicali e suoni nel documento
minlengthDetermina il numero minimo di caratteri per un elemento input
accept-charsetAttribuisce un tipo di codifica dei caratteri per l'invio dei dati di un form HTML

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

copia di unfollow me

Tabella esercitazione esame

Heads Or Tails Random Tally

Progetti scolastici.html

SEMI al FUTURO [Immagine Home]

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">
    <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.