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

idIdentifica univocamente un elemento HTML
_topApre collegamenti ipertestuali nell'elemento parent assoluto
autocompleteIndica l'opzione di auto completamento delle aree di input e/o di un form
<body>Tag primario di un documento HTML
enctypeDetermina il tipo di codifica dei dati di un form per l'invio al server
autofocusAttiva un elemento al caricamento della pagina.

Users

Log in to search for users

Explore

Find inspiration

Endurance Performance Analyzer

Mare Luxus - Yachts di Lusso, Navi

Random Website Demo1

mental breackdown

spese universitarie

Esercizio fatto benissimo

CodeALongButton

Titolo della Pagina

Cascaded-Treemap

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