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

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

References

animation-delayDetermina il tempo prima dell'avvio di una animazione in secondi (es. 1s) o millisecondi (ms)
<object>Incorpora risorse varie nella pagina web.
heightDetermina l'altezza di un elemento HTML in pixel
<audio>Il tag <audio> HTML permette di inserire contenuti musicali e suoni nel documento
<datalist>Crea una lista di opzioni pre-definite ed editabili per elementi di input
downloadConsente di scaricare file al click di collegamento ipertestuale.

Users

Log in to search for users

Explore

Find inspiration

Navbar Example 2

Il mio primo sito

Indice di un libro (es in classe)

QUESTA è LA HOMEPAGE V.1

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