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

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

References

rowspanDefinisce il numero di righe su cui una cella di una tabella deve estendersi.
autofocusAttiva un elemento al caricamento della pagina.
<!doctype>Dichiara la versione del linguaggio di sviluppo della pagina
<option>Serve ad inserire una voce in un menu di selezione.
autocompleteIndica l'opzione di auto completamento delle aree di input e/o di un form
actionDetermina la pagina di destinazione a cui verranno inviati i dati di un form HTML

Users

Log in to search for users

Explore

Find inspiration

Progetto Cinema Lab 2526

Elder & Volunteer Matching

ex informatica 2

FORMA - Interactive Surfaces. Rede

Un Giorno a Napoli: Itinerario Det

Quiz ristrutturazione

HTML, CSS altre cose

Scuola G.Galilei.html

black - social bar

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 Consonanti</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 Consonanti</h1>
      <p class="text-center">Inserisci una frase nel campo sottostante e premi il pulsante "Conteggia Consonanti" per visualizzare quante consonanti sono presenti nella frase.</p>
      <form id="conteggioConsonantiForm" 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">Conteggia Consonanti</button>
      </form>
      <div id="risultatoConteggioConsonanti" 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
  $("#conteggioConsonantiForm").submit(function(event) {
    // Previeni il comportamento predefinito del modulo (invio)
    event.preventDefault();

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

    // Conta le consonanti nella frase
    let numeroConsonanti = conteggioConsonanti(frase);

    // Visualizza il risultato nella pagina
    let risultatoDiv = $("#risultatoConteggioConsonanti");
    risultatoDiv.text("La frase contiene " + numeroConsonanti + " consonanti.");
  });
});

// Funzione per contare le consonanti in una frase
function conteggioConsonanti(frase) {
  // Trasforma la frase in lettere minuscole per rendere il conteggio case-insensitive
  frase = frase.toLowerCase();
  // Definisci un'espressione regolare per le vocali
  let espressioneVocali = /[aeiou]/;
  // Conta le consonanti utilizzando un'espressione regolare che corrisponde a tutte le lettere dell'alfabeto escluse le vocali
  let consonanti = frase.match(/[bcdfghjklmnpqrstvwxyz]/g);
  // La funzione match() in JavaScript viene utilizzata per cercare una corrispondenza tra una stringa e un'espressione regolare. Restituisce un array di corrispondenze trovate, oppure null se nessuna corrispondenza è stata trovata.
  // In questa riga, stiamo usando match() per cercare tutte le consonanti nella stringa frase. L'espressione regolare [bcdfghjklmnpqrstvwxyz] corrisponde a qualsiasi carattere tra b e z che non sia una vocale. Il flag g indica che vogliamo cercare tutte le corrispondenze nella stringa, non solo la prima.

  // Se la corrispondenza viene trovata, match() restituirà un array contenente tutte le consonanti trovate. Se nessuna corrispondenza viene trovata, restituirà null.

  // Quindi, in breve, la funzione match() ci permette di cercare un pattern specifico all'interno di una stringa utilizzando un'espressione regolare e di ottenere le corrispondenze trovate.
  
  // Ritorna il numero di consonanti trovate
  return consonanti ? consonanti.length : 0;
}