Guida alla creazione di una pagina web per invertire le cifre di un numero

Oggi realizzeremo una pagina web che permetta di, dato un numero intero a scelta dell'utente che la visita, stamperà di nuovo tale numero, ma con le cifre invertite.

Il codice della pagina HTML è il seguente, con lo script spiegato passo passo.

Struttura del codice HTML

function invertiCifre(){

N = document.getElementById("num").value;

N_invertito = 0;

while(N > 0){

R = N%10;

N_invertito = N_invertito * 10 + R;

N = (N-R)/10;

}

document.getElementById("risultato").innerHTML = N_invertito;

}

Interazione con l'utente

Inserisci un numero intero. Ti invertirò le cifre.

Inverti Cifre

function invertiCifre(){ //nominiamo la funzione invertiCifre

N = document.getElementById("num").value; //N è quel numero che viene letto nella casella di testo con id num

N_invertito = 0; //N invertito parte da 0

while(N > 0){ //mentre N è maggiore di 0

R = N%10; //considero R come N modulo 10

N_invertito = N_invertito * 10 + R; //a questo punto N invertito prende N invertito moltiplicato per 10 e aggiungiamo R (perché le cifre scalano)

N = (N-R)/10; //ad N si sottrae R e successivamente si divide per 10. Il ciclo ricomincia.

}

document.getElementById("risultato").innerHTML = N_invertito; //stampiamo il risultato e chiudiamo lo script

}