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

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

References

<title>Definisce il titolo della pagina web.
downloadConsente di scaricare file al click di collegamento ipertestuale.
<option>Serve ad inserire una voce in un menu di selezione.
requiredRende obbligatorio un campo di input
<q>Indica una parte di testo come citazione breve
rowspanDefinisce il numero di righe su cui una cella di una tabella deve estendersi.

Users

Log in to search for users

Explore

Find inspiration

Heads and Tails

Con nome bandiera(2)

Conta vocali prof

HTML con classi

tabella mio esame

I Nostri Servizi

Review of Functions I

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.