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

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

References

mutedL'attributo muted viene utilizzato impostare risorse HTML audio e video con volume muto
<textarea>Area di testo libero espandibile per form HTML
formenctypeDefinisce il tipo di codifica dei dati di un elemento input
styleDefinisce regole e stili CSS all'interno di un tag HTML (inline CSS)
<address> Definisce una sezione contenente indirizzi, contatti e informazioni
acceptDefinisce e filtra il formato dei file per il tag <input type=file>

Users

Log in to search for users

Explore

Find inspiration

La storia dell\\\\

esercitazione 1

esercizio perfetto

preparazione esame

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