5/10/24 es.1 - palindromi by @sarazani - Codewith.it

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

References

nameDetermina il nome degli elementi HTML o fornisce dati su un attributo associato.
<pre>Indica una parte di testo preformattato
<form>Crea un modulo/form HTML per consentire all'utente di inviare dati al server
<i>Formatta il testo in corsivo/italico non enfatizzato
postDefinisce un metodo di invio di dati al server
acceptDefinisce e filtra il formato dei file per il tag <input type=file>

Users

Log in to search for users

Explore

Find inspiration

TABELLA ESERCITAZIONE

AirPods Shop LOGIN(2)

Calcolatrice Pitagora

cosa sono le specialità

Review of Functions I

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>Palindromi</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>Sarà palindromo?</h1>
        <!--qui il form che richiamo nel javascript con moduloVocali-->
        <form id="possibilePalindromo">
            <div class="form-group">
                <label for="inputStringa">Inserisci una parola:</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="Scrivi qui la tua parola">
            </div>
            <button type="submit" class="btn btn-primary">Verifica</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 parola in un form. Verifica se la parola inserita è un palindromo (ossia se può essere letta allo stesso modo da sinistra a destra e da destra a sinistra) e visualizza il risultato nella pagina. Ad esempio, "anna" è un palindromo. Provo con il confronto tra due parti della parola (no lettere)

$(document).ready(function() {
  $('#possibilePalindromo').submit(function(evento) {
    evento.preventDefault();

//prendo ciò che ha inserito l'utente e lo sistemo
  let parolaInserita = $('#inputStringa').val();
  parolaInserita = parolaInserita.toLowerCase().replace(/ /g, "");
  
  //trovo la metà della parola inserita. il floor perché se la parola che inserisco è dispari potrebbe bloccarsi tutto con lo slice dopo. significa che arrotondiamo per difetto
  let half = Math.floor(parolaInserita.length / 2);
  //trovo la prima metà della parola prendendo la parola inserita e tagliandola con slice dalla posizione zero ad half
  let firstHalf = parolaInserita.slice(0,half);
  //trovo la seconda metà della parola prendendo la parola inserita e tagliandola basandoci su half (ma con il meno quindi taglia "al contrario")
  let secondHalf = parolaInserita.slice(-half);
  //prendo la seconda metà della parola e la giro. reverse non si usa sulle stringhe quindi devo prima splittare la stringa in array, una volta che è splittata faccio il reverse, poi ricongiungo subito con il join
  let secHalfReverse = secondHalf.split("").reverse().join("");
  //confronto se la prima metà è uguale alla seconda girata
  if(firstHalf === secHalfReverse){
    $('#risultato').text('La parola è un palindromo!');
  }else{
    $('#risultato').text('La parola non è un palindromo!');
      }
  });
});