Lavorare con i campi di testo in JavaScript

Ora impareremo a ottenere il testo dagli utenti del nostro sito. Per questo in HTML è previsto un tag speciale input, che rappresenta un campo di testo per l'inserimento dei dati.

html<input>

Questo tag ha un attributo speciale value, che imposta il testo iniziale che sarà scritto nell'input al caricamento della pagina:

html<input value="text">

L'utente del nostro sito dopo il caricamento della pagina può cambiare il testo dell'input. In questo caso, se abbiamo una variabile che contiene un riferimento a questo input, la proprietà value di questa variabile conterrà sempre il valore corrente del testo dell'input.

Proviamo nella pratica. Supponiamo di avere un input con l'attributo value:

html<input id="elem" value="text">

Otteniamo il riferimento a questo input in una variabile:

javascriptlet elem = document.querySelector('#elem');

E ora visualizziamo il testo corrente dell'input:

javascriptconsole.log(elem.value);

E ora cambiamo il testo dell'input con un altro:

javascriptelem.value = 'new text';