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

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

References

colspanDefinisce il numero di colonne di una cella all'interno di una tabella.
animationDefinisce i parametri dell'animazione di un elemento o selettore
_topApre collegamenti ipertestuali nell'elemento parent assoluto
<a>Inserisce link e collegamenti ipertestuali
downloadConsente di scaricare file al click di collegamento ipertestuale.
<object>Incorpora risorse varie nella pagina web.

Users

Log in to search for users

Explore

Find inspiration

Caps Lock Checker

locandiera murgia

Esercitazione 2

ESERCIZIO 1.1 WEB

Amazing Strange Rope Police

Gesù nostro signore(2)

Condizione esercizio 1

Design & Comunicazione Digitale ??

JS Oggetti ed eventi es2

Inserimento di immagini

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