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

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

References

dirnameInvia informazioni sulla direzione di scrittura da un elemento input
mutedL'attributo muted viene utilizzato impostare risorse HTML audio e video con volume muto
<b>Formatta il testo in grassetto
<source>Il tag HTML <source> si usa per indicare una o più risorse multimediali per elementi media
<q>Indica una parte di testo come citazione breve
valueValore alfanumerico o booleano contenuto in un elemento

Users

Log in to search for users

Explore

Find inspiration

Inserimento immagini in un testo

Test dell identikit

Navbar Example 4

Éclat Couture - Alta Moda Artigia

Heads Or Tails Random Tally

hate this project

Esercitazione n 1

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