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.

References

<h2>Titolo di intestazione di secondo livello
<nav>Definisce un menu di navigazione
multipleConverte in lista a selezione multipla
controlsL'attributo controls si usa per visualizzare gli strumenti per la riproduzione dei file audio e video
multipart/form-dataCodifica dei caratteri di un form
<tfoot>Definisce il footer o sezione inferiore di una tabella.

Users

Log in to search for users

Explore

Find inspiration

Countdown Passaporto 1

JS Elementi del linguaggio es3

Esercitazione n.1

Esercizi 01/03/2024 es2

esercizio gattino

esercitazione4.html(2)

Lista con ricerca

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