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.
<input>
Questo tag ha un attributo speciale value,
che imposta il testo iniziale che sarà scritto
nell'input al caricamento della pagina:
<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:
<input id="elem" value="text">
Otteniamo il riferimento a questo input in una variabile:
let elem = document.querySelector('#elem');
E ora visualizziamo il testo corrente dell'input:
console.log(elem.value);
E ora cambiamo il testo dell'input con un altro:
elem.value = 'new text';
Dato un input e un pulsante. Alla pressione del pulsante scrivi nell'input un testo a piacere.
Dato un input, un paragrafo e un pulsante. Alla pressione del pulsante scrivi nel paragrafo il testo dell'input.
Dati due input e un pulsante. Nel primo input l'utente inserisce un numero. Alla pressione del pulsante scrivi nel secondo input il quadrato del numero inserito.
Dati due input e un pulsante. Alla pressione del pulsante scrivi nel primo input il valore del secondo input, e nel secondo input - il valore del primo. Il tuo codice deve funzionare in modo universale, per qualsiasi valore degli input.
Dati 5 input, un paragrafo e un pulsante. Negli
input vengono inseriti numeri. Alla pressione del pulsante
scrivi la media aritmetica dei numeri inseriti nel paragrafo.
