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

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

References

<li>Inserisce voci all'interno di una lista
minImposta il valore numerico o temporale minimo per un elemento input
enctypeDetermina il tipo di codifica dei dati di un form per l'invio al server
valueValore alfanumerico o booleano contenuto in un elemento
<embed>Tag per l'incorporamento di contenuti multimediali
idIdentifica univocamente un elemento HTML

Users

Log in to search for users

Explore

Find inspiration

One Magic Moment - Eventi Unici

Lista con ricerca

X-Dsigner (Blu Eletric)– Web & U

Esame di informatica

Modal Animations

Lezione 3/11 pt.2

Esercizio 1 Html

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