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

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

References

colspanDefinisce il numero di colonne di una cella all'interno di una tabella.
application-x-www-form-urlencodedCodifica dei caratteri di un form
<option>Serve ad inserire una voce in un menu di selezione.
placeholderDefinisce un testo segnaposto per un elemento input o textarea
<h3>Titolo di intestazione di terzo livello
<pre>Indica una parte di testo preformattato

Users

Log in to search for users

Explore

Find inspiration

Tagliaerba Automatico Ecovacs GOAT

Campagna in primavera

velocità scrittura

Form per il torneo misto disfo

console elements(2)

La Mia Pagina Personale beginner a

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">
<title>Cifratura di una Parola</title>
<!-- Includi il foglio di stile di Bootstrap -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
</head>
<body>
<div class="container mt-5">
    <h1>Cifratura di una Parola</h1>
    <form id="cifraturaForm">
        <div class="form-group">
            <label for="parola">Inserisci una parola:</label>
            <input type="text" class="form-control" id="parola" required>
        </div>
        <div class="form-group">
            <label for="shift">Inserisci il numero di shift:</label>
            <input type="number" class="form-control" id="shift" required>
        </div>
        <button type="submit" class="btn btn-primary">Cifra Parola</button>
    </form>
    <div id="risultatoCifratura" class="mt-3"></div>
</div>

<!-- Includi jQuery -->
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<!-- Includi il tuo file JavaScript -->
<script src="script.js"></script>
</body>
</html>

$(document).ready(function() {
  // Gestione dell'evento di submit del form
  $("#cifraturaForm").submit(function(event) {
    event.preventDefault(); // Previeni il comportamento predefinito del form
    
    // Ottieni la parola e il numero di shift inseriti dall'utente
    let parola = $("#parola").val();
    let shift = parseInt($("#shift").val());
    
    // Cifra la parola con il numero di shift specificato
    let parolaCifrata = cifraParola(parola, shift);
    
    // Visualizza la parola cifrata nella pagina
    $("#risultatoCifratura").text(parolaCifrata);
  });
});

// Funzione per cifrare una parola spostando ogni lettera in avanti nel loro alfabeto di un numero di posizioni uguale al numero di shift
function cifraParola(parola, shift) {
  let parolaCifrata = ""; // Variabile per memorizzare la parola cifrata
  
  for (let i = 0; i < parola.length; i++) {
      let charCode = parola.charCodeAt(i); // Ottieni il codice ASCII del carattere
      
      let nuovaCharCode;
      
      if (charCode >= 65 && charCode <= 90) { // Carattere maiuscolo
          nuovaCharCode = ((charCode - 65 + shift) % 26) + 65; // Applica lo shift considerando l'alfabeto maiuscolo
      } else if (charCode >= 97 && charCode <= 122) { // Carattere minuscolo
          nuovaCharCode = ((charCode - 97 + shift) % 26) + 97; // Applica lo shift considerando l'alfabeto minuscolo
      } else {
          nuovaCharCode = charCode; // Mantieni caratteri non alfabetici invariati
      }
      
      parolaCifrata += String.fromCharCode(nuovaCharCode); // Aggiungi il carattere cifrato alla parola cifrata
  }
  
  return parolaCifrata; // Restituisce la parola cifrata
}