Esercizi 05/03/2024 es7 by @AurelianoDC - Codewith.it

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

References

<label>Mostrare un testo di etichetta per un elemento di input.
targetDetermina il comportamento di un collegamento ipertestuale alla sua apertura
multipleConverte in lista a selezione multipla
<br>Inserisce uno spazio vuoto tra due elementi HTML.
<em>Formatta il testo in corsivo/italico enfatizzato
typeSpecifica la tipologia/funzione di un elemento.

Users

Log in to search for users

Explore

Find inspiration

One Magic Moment - Eventi Unici

voti con virgola

SHKAFI_3M_12_HTMLBELLISSI

provo copia prof

Generatore numeri casuali

Esercitazione 1

Html con 3 img e descrize

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 Parole Ripetute</title>
<!-- Collegamento a Bootstrap CSS -->
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>

<div class="container mt-5">
  <div class="row justify-content-center">
    <div class="col-md-6">
      <h1 class="text-center mb-4">Conteggio delle Parole Ripetute</h1>
      <p class="text-center">Inserisci una frase nel campo sottostante e premi il pulsante "Conteggio Parole Ripetute" per visualizzare quante parole ripetute sono presenti nella frase.</p>
      <form id="conteggioParoleRipetuteForm" class="mb-3">
        <div class="form-group">
          <label for="frase" class="mr-2">Frase:</label>
          <input type="text" class="form-control" id="frase" name="frase">
        </div>
        <button type="submit" class="btn btn-primary">Conteggio Parole Ripetute</button>
      </form>
      <div id="risultatoConteggioParoleRipetute" class="text-center"></div>
    </div>
  </div>
</div>

<!-- Collegamento a jQuery -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<!-- Collegamento a script.js -->
<script src="script.js"></script>

</body>
</html>

$(document).ready(function() {
  // Ascoltatore per l'evento submit sul modulo
  $("#conteggioParoleRipetuteForm").submit(function(event) {
    // Previeni il comportamento predefinito del modulo (invio)
    event.preventDefault();

    // Ottieni la frase inserita dall'utente
    let frase = $("#frase").val();

    // Conta le parole ripetute nella frase
    let [conteggioParole, paroleRipetute] = contaParoleRipetute(frase);

    // Visualizza il risultato nella pagina
    let risultatoDiv = $("#risultatoConteggioParoleRipetute");
    risultatoDiv.empty(); // Rimuove eventuali dati già presenti

    // Verifica se ci sono parole ripetute
    if (Array.isArray(paroleRipetute) && paroleRipetute.length === 0) {
      // Se non ci sono parole ripetute, visualizza un messaggio
      risultatoDiv.text("Nessuna parola ripetuta trovata.");
    } else if (Array.isArray(paroleRipetute)) {
      // Se ci sono parole ripetute, visualizza ogni parola e il suo conteggio
      paroleRipetute.forEach(function(parola) {
        risultatoDiv.append(`<p>${parola}: ${conteggioParole[paroleRipetute.indexOf(parola)]}</p>`);
      });
    } else {
      // Gestione dell'errore nel caso in cui paroleRipetute non sia un array
      risultatoDiv.text("Errore nel conteggio delle parole ripetute.");
    }
  });

  // Funzione per contare le parole ripetute in una frase
  function contaParoleRipetute(frase) {
    // Rimuovi spazi vuoti all'inizio e alla fine della frase e converti tutto in minuscolo
    frase = frase.trim().toLowerCase();
    
    // Sostituisci le punteggiature con spazi
    frase = frase.replace(/[.,\/#!$%\^&\*;:{}=\-_`~()]/g, ' ');

    // Dividi la frase in parole utilizzando uno spazio come separatore
    let parole = frase.split(/\s+/);

    // Crea un array per memorizzare il conteggio delle parole
    let conteggioParole = [];
    let paroleRipetute = [];

    // Conta quante volte ogni parola appare nella frase e memorizza solo le ripetute
    parole.forEach(function(parola) {
      let index = paroleRipetute.indexOf(parola);
      if (index !== -1) {
        conteggioParole[index]++;
      } else {
        paroleRipetute.push(parola);
        conteggioParole.push(1);
      }
    });

    // Filtra solo le parole ripetute più di una volta
    let paroleRipetuteFiltrate = [];
    let conteggioParoleFiltrato = [];
    
    for (let i = 0; i < paroleRipetute.length; i++) {
      if (conteggioParole[i] > 1) {
        paroleRipetuteFiltrate.push(paroleRipetute[i]);
        conteggioParoleFiltrato.push(conteggioParole[i]);
      }
    }

    return [conteggioParoleFiltrato, paroleRipetuteFiltrate];
  }
});