Prompt di stringhe e numeri

Nelle lezioni precedenti, abbiamo sempre avuto variabili già associate ad un valore, con il "=". Tuttavia, non abbiamo mai visto come chiedere all'utente l'inserimento di un valore in una variabile. In questa lezione, andiamo a capire come possiamo farlo.

I prompt

In JavaScript, prompt è una funzione che consente di interagire con l'utente attraverso una finestra di dialogo. Questa finestra viene visualizzata nel browser e richiede all'utente di inserire un valore.

I prompt di stringhe

Per chiedere all'utente di inserire un valore, sottoforma di stringa, si utilizza prompt().

I prompt semplici

La sintassi dei prompt è prompt(testo_da_visualizzare,testo_predefinito). Il testo_da_visualizzare è il testo che viene visualizzato nel prompt durante la richiesta di inserimento del testo. Il testo_predefinito non è obbligatorio ed è un testo già presente nella casella di testo del prompt, che l'utente può cambiare.

prompt("Inserisci il tuo nome");

I prompt con variabile

Nell'esempio di prima, l'utente può inserire del testo, ma questo non viene salvato in nessuna variabile. Per questo motivo, adesso vediamo come assegnare il valore inserito ad una variabile.

Puoi utilizzare la sintassi variabile=prompt(testo_da_visualizzare,testo_predefinito).

let input;  // Dichiarazione della variabile separata
input = prompt("Inserisci il tuo nome");

let valore = prompt("Inserisci il tuo nome");  // Dichiarazione della variabile e prompt insieme

I prompt di numeri

Per salvare una stringa che contiene un numero in un effettivo valore numerico, puoi utilizzare Number() davanti al prompt().

Number(prompt("Inserisci un numero"));

Puoi anche salvare il valore in una variabile, come nel caso dei prompt stringa:

let numero = Number(prompt("Inserisci un numero"));

Usare i prompt

I prompt non sono sicuramente molto belli da vedere, ma sono l'inzio per imparare l'inserimento dei valori in JavaScript. 

Nota: vedremo come avviene l'inserimento di dati tramite HTML con il DOM.

Per ora, puoi usare i prompt per inserire i dati che servono nello script. Ad esempio, se è necessario eseguire delle istruzioni con diversi valori, puoi farlo utilizzando prompt(), senza modificare il codice JavaScript.