5/10/24 es. 7 -parole ripetute by @sarazani - Codewith.it

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

Referenze

text/plainDefinisce un metodo di non codifica dei valori di un form
minlengthDetermina il numero minimo di caratteri per un elemento input
downloadConsente di scaricare file al click di collegamento ipertestuale.
animationDefinisce i parametri dell'animazione di un elemento o selettore
styleDefinisce regole e stili CSS all'interno di un tag HTML (inline CSS)
animation-delayDetermina il tempo prima dell'avvio di una animazione in secondi (es. 1s) o millisecondi (ms)

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

UX / Web Design, Freelance – Pro

HOTEL STELLA MARIS

meraviglieItalia

Calcolo Costo Totale

Mappa Visiva (Wireframe) - Moduli

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>ripetizioni</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>Trova le ripetizioni nella frase</h1>
        <!--qui il form che richiamo nel javascript con moduloVocali-->
        <form id="formRipetizioni">
            <div class="form-group">
                <label for="inputStringa">Inserisci una frase:</label>
                <!--qui sotto ho l'inputStringa che richiamo poi come valore della costante stringaInserita-->
                <input type="text" class="form-control" id="inputStringa" name="inputStringa" placeholder="Scrivi qui la tua frase">
            </div>
            <button type="submit" class="btn btn-primary">Trova ripetizioni</button>
            <button type="button" class="btn btn-danger" id="cancella">Cancella</button>
        </form>
        <!--il risultato poi si ricollega al risultato di Javascritp e viene visualizzato qui-->
        <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>

//Chiedi all'utente di inserire una frase in un form. Conta quante parole ripetute sono presenti nella frase e visualizza il risultato(parola e quante volte é ripetuta)
$(document).ready(function() {
  $('#formRipetizioni').submit(function(evento) {
    evento.preventDefault();
    
    //pulisco quello che ha inserito l'utente così restano solo le parole (no spazi e punteggiatura) come elementi dell'array e posso confrontarle tra loro per trovare le ripetizioni
    let frase = $('#inputStringa').val().toLowerCase();
    frase = frase.trim();
    let parole = frase.split(/\s+|'|,|\.|;|!/);
    parole = parole.filter(parola => parola !== "");
   

   // Gli oggetti in JavaScript sono strutture dati chiave-valore, il che significa che puoi associare ogni parola a un numero che rappresenta quante volte appare. Questo è utile quando vuoi tracciare il conteggio di occorrenze per parole specifiche. Se usassi un array ([]), dovresti avere un array di parole e poi cercare all'interno dell'array per verificare le ripetizioni. Tuttavia, questa approccio potrebbe richiedere un ciclo più complesso e meno efficiente per cercare parole all'interno dell'array.
    let conta = {};

    // Conta le ripetizioni delle parole -> itera su ciascuna parola
    parole.forEach(function(parola) {
      //se la parola è presente fa +1
      if (conta[parola]) {
        conta[parola]++;
      } else {
        //se è la prima volta che incontra la parola la mette a 1, poi se la reincontra una seconda volta farà come sopra
        conta[parola] = 1;
      }
    });
     
    //Itera attraverso ogni chiave (parola) nell'oggetto conta
     for (let parola in conta) {
      //.append() in jQuery viene utilizzata per aggiungere del contenuto alla fine degli elementi selezionati. In questo contesto specifico:
      //La parte ${conta[parola] !== 1 ? 'e' : ''} aggiunge una 'e' alla fine della stringa solo se il conteggio non è uguale a 1
      //$('#risultato').append(`<p>${parola}: ${conta[parola]} volt${conta[parola] !== 1 ? 'e' : 'a'}</p>`);
      //$('#risultato').text(${parola}': ' ${conta[parola]} 'volt'${conta[parola] !== 1 ? 'e' : 'a'});
      //apice insverso si fa con alt 096 da tastiera
      $('#risultato').text(`${parola}: ${conta[parola]} volt${conta[parola] !== 1 ? 'e' : 'a'}`);
    }
  });


  // Ascoltatore per il click sul bottone "Cancella"
  $("#cancella").click(function() {
    $("#risultato").empty();
  });
});