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

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

References

autocompleteIndica l'opzione di auto completamento delle aree di input e/o di un form
<label>Mostrare un testo di etichetta per un elemento di input.
forSpecifica a quale id è associato l'elemento in cui è dichiarato.
<!doctype>Dichiara la versione del linguaggio di sviluppo della pagina
listCollega un elemento input con una lista di opzioni datalist
animation-directionProprietà CSS per definire la direzione di esecuzione di un'animazione

Users

Log in to search for users

Explore

Find inspiration

4395-Indovina numero mio

questa sarà una pagina web dedic

La storia dell\\\\

Esercitazione Morra cines

lezione 10 informatica

form 6 da finire

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