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

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

References

<canvas>Tag per disegnare grafica dinamica su pagine web.
forSpecifica a quale id è associato l'elemento in cui è dichiarato.
actionDetermina la pagina di destinazione a cui verranno inviati i dati di un form HTML
crossoriginGestisce richieste tra documenti provenienti da origini differenti.
heightDetermina l'altezza di un elemento HTML in pixel
listCollega un elemento input con una lista di opzioni datalist

Users

Log in to search for users

Explore

Find inspiration

Formattazione_testo.html.

La volpe e la cicogna(2)

Template di Base

Heads Or Tails Random Tally

Esercitazione n. 1

Roba info triangoli

Ricomincio da Zero

Inserimento immagini in un testo

Due Sezioni - 4 colori (2x2)

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