Lavorare con il testo degli elementi in JavaScript
Gli elementi DOM hanno una proprietà textContent
che permette di leggere il testo di questi elementi.
Vediamo un esempio. Supponiamo
di avere il seguente tag:
html<p id="elem">testo</p>
Otteniamo un riferimento a questo tag in una variabile:
javascriptlet elem = document.querySelector('#elem');
Leggiamo il testo del tag:
javascriptconsole.log(elem.textContent);
Cambiamo il testo del tag:
javascriptelem.textContent = '!!!';
Dato un paragrafo e un pulsante. Al click del pulsante, leggi il testo del paragrafo e visualizzalo nella console.
Dato un paragrafo e un pulsante. Al click del pulsante, scrivi nel paragrafo un nuovo testo.
Dati due paragrafi, che contengono come loro testo dei numeri, e un pulsante. Alla pressione del pulsante visualizza sullo schermo la somma dei numeri contenuti.
Dati tre paragrafi con numeri, un div e un pulsante. Alla pressione del pulsante, scrivi nel testo del div la somma dei numeri.
Dato un paragrafo con un numero e un pulsante. Alla pressione del pulsante, aggiungi uno al valore del paragrafo e scrivi il numero ottenuto nuovamente.
Dato un paragrafo con del testo e un pulsante. Alla pressione del pulsante, scrivi alla fine del testo del paragrafo un punto esclamativo.