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

maxlengthDetermina il numero massimo di caratteri consentiti in un elemento input
hrefDefinisce l'URL della risorsa/pagina di destinazione.
sizeDetermina le dimensioni dell'elemento in base al valore contenuto
checkedPre-imposta su 'true' il valore di un elemento input checkbox o radio
<option>Serve ad inserire una voce in un menu di selezione.
nameDetermina il nome degli elementi HTML o fornisce dati su un attributo associato.

Users

Log in to search for users

Explore

Find inspiration

Campagna in primavera

Il mio primo sito

Refresh page script

Template Bootstrap(2)

RICORDATI DI ME

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