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

titleIndica informazioni aggiuntive riguardo un elemento HTML
<tfoot>Definisce il footer o sezione inferiore di una tabella.
<li>Inserisce voci all'interno di una lista
_blankApre i collegamenti ipertestuali in una nuova scheda del browser
<tr>Definisce le righe di una tabella (rows)
<head>Tag primario di un documento HTML

Users

Log in to search for users

Explore

Find inspiration

Italiano-Cinema [Mohole]

Prima Coccola ebay(2)(2)(2)

SCHEDA 4 INFORMATICA

BuzzTech.it - Eccellenza nel Giorn

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