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

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

Referenze

<source>Il tag HTML <source> si usa per indicare una o più risorse multimediali per elementi media
<aside>Definisce un contenuto separato dal testo perincipale
<meta>Definisce i meta dati di una pagina web.
maxImposta il valore numerico o temporale massimo per un elemento input
<strong>Definisce una parte del testo importante con formattazione in grassetto.
targetDetermina il comportamento di un collegamento ipertestuale alla sua apertura

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

fibonacci manoel

Le Coccole di Angela

spotify dashboard

esercitazione 1

Milford momentanea

CAPODANNO SENZA LUCI

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.