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

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

Referenze

<em>Formatta il testo in corsivo/italico enfatizzato
<tbody>Definisce il contenuto principale di una tabella.
<pre>Indica una parte di testo preformattato
hreflangConsente di dichiarare la lingua del documento collegato.
srcIndica la provenienza di una risorsa esterna (tramite URL).
forSpecifica a quale id è associato l'elemento in cui è dichiarato.

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

ES01a\\index.html

Quiz ristrutturazione

calcola peso in byte

Mario-Block.html

Pagina di esempio

Esercitazione Morra cines

HTML

CSS

JS

terminal console

feedback

add_box Nuovo

cookie Informativa

Informativa privacy e cookies

Utilizziamo cookie o tecnologie per finalità tecniche e, con il tuo consenso, anche per altre finalità come specificato nella cookie policy. Il rifiuto del consenso può rendere non disponibili alcune funzioni. Leggi di più sull'informativa privacy

Clicca su “Accetta” per acconsentire.

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