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

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

Referenze

<div>Crea contenitori generici o sezioni in una pagina
<nav>Definisce un menu di navigazione
forSpecifica a quale id è associato l'elemento in cui è dichiarato.
autocompleteIndica l'opzione di auto completamento delle aree di input e/o di un form
novalidateImpedisce la convalida dei campi con valori tipizzati di elemento input
controlsL'attributo controls si usa per visualizzare gli strumenti per la riproduzione dei file audio e video

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

Prova javascript

5/10/24 es. 7 -parole ripetute

esercizio pag. 335

Compito di merda numero 1

Pitone Tutorial -esercizio conclus

Tabelle con inserimento immagini

JS Strutture dati e funzioni es2

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