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

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

References

<cite>Inserisce citazioni e menzioni riguardo un'opera creativa.
acceptDefinisce e filtra il formato dei file per il tag <input type=file>
autofocusAttiva un elemento al caricamento della pagina.
accept-charsetAttribuisce un tipo di codifica dei caratteri per l'invio dei dati di un form HTML
listCollega un elemento input con una lista di opzioni datalist
<base>Specifica l'URL di base per tutti gli URL relativi all'interno della pagina.

Users

Log in to search for users

Explore

Find inspiration

Navbar Example 1

Figure & Figcaption Music Album Pr

INSERIMENTO IMMAGINI IN UN TESTO

Gesù nostro signore(2)

JavaScript Debug Console

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.");
    }
  });
});