5/10/24 es. 2 - conta Parole by @sarazani - Codewith.it

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

References

<br>Inserisce uno spazio vuoto tra due elementi HTML.
colspanDefinisce il numero di colonne di una cella all'interno di una tabella.
<embed>Tag per l'incorporamento di contenuti multimediali
<caption>Definisce didascalie all'interno di una tabella
<p>Serve a definire paragrafi di testo
<tfoot>Definisce il footer o sezione inferiore di una tabella.

Users

Log in to search for users

Explore

Find inspiration

La Mia Pagina Personale beginner a

classifica finita

Web Design Final 2024

CalcoloTriangolo

Prototipo di form

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 Parole</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>Conteggio delle Parole</h1>
        <!--qui il form che richiamo nel javascript con moduloVocali-->
        <form id="moduloParole">
            <div class="form-group">
                <label for="inputStringa">Inserisci una stringa:</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="Inserisci una stringa">
            </div>
            <button type="submit" class="btn btn-primary">Conteggio Parole</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>

//chiedi all'utente di inserire una frase in un form. conta quante parole sono presenti nella frase (considerando lo spazio come separatore tra le parole) e visualizza risultato nella pagina

//quando è il documento è pronto prende modulo vocali che il nome del form dove andiamo a scrivere
$(document).ready(function() {
    $('#moduloParole').submit(function(evento) {
        evento.preventDefault();

      // Ottieni la stringa inserita dall'utente
      const stringaInserita = $('#inputStringa').val();
      //divido la stringa sulla base degli spazi vuoti tra le parole
      let numeroParole=stringaInserita.split(" ");
      //conto in quante parti si è divisa la stringa splittata tramite lenght
      let contaParole=numeroParole.length;
      
      // il risultato del contaParole va nell'html
    $('#risultato').html("<p>Conteggio delle Parole:</p>" + contaParole);
    });
});