Esercizi 05/03/2024 es1 by @MMusetto - Codewith.it

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

References

sizeDetermina le dimensioni dell'elemento in base al valore contenuto
formmethodDefinisce il metodo di invio dei dati oltre a method
<hr>Inserisce una linea orizzontale
<ul>Usato per la creazione di liste non ordinate.
<embed>Tag per l'incorporamento di contenuti multimediali
<html>Tag primario di un documento HTML

Users

Log in to search for users

Explore

Find inspiration

Esercizi 01/03/2024 es3

Prep. Esame pt.4

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>Verifica Palindromo</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">
       <h3>Controlliamo se una parola é un palindromo</h1>
      <form id="palindromeForm" class="form-inline">
        <div class="form-group">
          <label for="word" class="mr-2">Inserisci una parola:</label>
          <input type="text" class="form-control" id="word" name="word">
        </div>
        <button type="submit" class="btn btn-primary ml-2">Verifica</button>
      </form>
      <div id="result" class="mt-3"></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
  $("#palindromeForm").submit(function(event) {
    // Previeni il comportamento predefinito del modulo (invio)
    event.preventDefault();

    // Ottieni la parola inserita dall'utente
    let word = $("#word").val();

    // Rimuovi spazi e rendi tutto minuscolo per semplificare la verifica
    word = word.toLowerCase().replace(/ /g, "");
    console.log(word.length);
    // Analizziamo replace(). Ecco cosa significa ciascuna parte:

    // / /: Questa è una espressione regolare (regex) che indica uno spazio vuoto. Le espressioni regolari sono un linguaggio per descrivere pattern di testo complessi. In questo caso, stiamo cercando un singolo spazio vuoto.
    // g: Questo è un flag della regex che indica di fare la ricerca globalmente nella stringa. Questo significa che non si fermerà alla prima corrispondenza trovata, ma cercherà e sostituirà tutti gli spazi vuoti presenti nella stringa.
    // Quindi, nel complesso, word.replace(/ /g, ""); cerca tutte le occorrenze di spazi vuoti nella stringa word e le sostituisce con una stringa vuota, effettivamente rimuovendole dalla stringa. 
    // per le regex(espressioni regolari) fare riferimento qui https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions

    // Inizializziamo una variabile per tenere traccia se la parola è un palindromo o meno
      let isPalindrome = true;
    //per la parola OTTO  
    // OTTO 0,1,2,3 < word.length / 2 = 0,1 
    // i=0 OTTO in possizione 0,3
    // i=1 OTTO in posizione 1,2
  
    // Effettuiamo la verifica per determinare se la parola è un palindromo
    for (let i = 0; i < word.length / 2; i++) {
      if (word[i] !== word[word.length - 1 - i]) {
        //  0                   4 -1-0 =3  
        //  1                   4-1 -1 =2
        // Se troviamo anche un solo carattere che non corrisponde, la parola non è un palindromo
        isPalindrome = false;
        // Esci dal ciclo perché abbiamo già determinato che la parola non è un palindromo
        break;
      }
    }

    // Visualizza il risultato nella pagina
      let resultDiv = $("#result");
    if (isPalindrome) {
      resultDiv.text(" Bravo \"" + word + "\" è un palindromo.");
    } else {
      resultDiv.text(" Mi dispiace \"" + word + "\" non è un palindromo.");
    }
  });
});