5/10/24 es. 6 - letterainform by @sarazani - Codewith.it

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

References

valueValore alfanumerico o booleano contenuto in un elemento
placeholderDefinisce un testo segnaposto per un elemento input o textarea
animationDefinisce i parametri dell'animazione di un elemento o selettore
minImposta il valore numerico o temporale minimo per un elemento input
autoplayAttributo HTML autoplay per l'avvio automatico degli elementi audio e video
preloadL'attributo preload indica se precaricare un contenuto audio e video con il documento HTML

Users

Log in to search for users

Explore

Find inspiration

Tracker delle attività 2

Review of Functions I

Review of Functions I

Prova lezione 1

Pitone Tutorial -esercizio conclus

Chiara Informatica

EXPLORE India DATABASES for Market

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>cerca lettera</title>
    <!-- Collegamento a Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
</head>
<body>
    <div class="container">
        <h1>Ci sarà la lettera nella frase?</h1>
        <!--qui il form che richiamo nel javascript con moduloVocali-->
        <form id="trova">
            <div class="form-group">
                <label for="inputStringa">Inserisci una frase e sotto inserisci una lettera. Poi premi cerca per capire se la tua lettera è presente nella frase:</label>
                <!--qui sotto ho l'inputStringa che richiamo poi come valore della costante stringaInserita-->
                <input type="text" class="form-control" id="inputStringa" name="inputStringa" placeholder="Scrivi qui la tua frase">
                <input type="text" class="form-control" id="inputStringa2" name="inputStringa2" placeholder="Scrivi qui la lettera da cercare">
            </div>
            <button type="submit" class="btn btn-primary">Cerca</button>
        </form>
        <!--il risultato poi si ricollega al risultato di Javascritp e viene visualizzato qui-->
        <div id="risultato" class="mt-3"></div>
    </div>

    <!-- Collegamento a jQuery -->
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <!-- Collegamento a JavaScript personalizzato -->
    <script src="script.js"></script>
</body>
</html>

.form-control{
  margin: 20px 0px 20px 0px;
}

//Chiedi all'utente di inserire una frase e una lettera da cercare in un form(ovviamente in due input). Verifica se la lettera inserita dall'utente è presente nella parola e visualizza il risultato(numero di volte che é presente).

$(document).ready(function() {
  $('#trova').submit(function(evento) {
    evento.preventDefault();

//prendo ciò che ha inserito l'utente nei due input
  let fraseUtente = $('#inputStringa').val();
  fraseUtente=fraseUtente.toLowerCase().replace(/ /g, "");
  let letteraUtente = $('#inputStringa2').val();
  letteraUtente = letteraUtente.toLowerCase().replace(/ /g, "");
  //questo mi serve per il risultato perché se uso letteraUtente mi dice che non posso renderla maiscola perché c'era il lowercase, allora ho creato un altra variabile già maiuscola
  let letteraUtenteMaiuscola = letteraUtente.toUpperCase();
  

    //match tra la lettera che l'utente ha scelto che deve essere cercata nella frase inserita
    let qualeLettera = fraseUtente.match(letteraUtente);
    //conta quante volte è presente la lettera inizializzando a zero e poi con ciclo for si va a contare usando length della frase
    let numeroVolte = 0;
    for (let i = 0; i < fraseUtente.length; i++) {
      if (fraseUtente[i] === letteraUtente) {
        numeroVolte++;
      }

    //se il numero di volte in cui la lettera è presente è diverso da 0 significa che la lettera è presente e mi dice quante volte c'è. alrimenti dice che non è presente
    if(numeroVolte!=0){
      //qualeLettera è un array risultato dalla funzione match. per cui devo usare la posizione per applicare il .toUpperCase altrimenti non funziona
      $('#risultato').text('La lettera che hai scelto, cioè la '+ qualeLettera[0].toUpperCase() +" è presente nella tua frase " + numeroVolte + " volte.");
    }else{
      //qui uso letteraUtente al posto di qualeLettera perché se qualeLettera non ha corrispondenza risulta null e viene "la lettera che hai scelto cioè null non è presente nella tua frase"
      $('#risultato').text('La lettera che hai scelto, cioè la '+ letteraUtenteMaiuscola +" non è presente nella tua frase.");
    }
    }
    
  });
});