Lucrul cu textul elementelor în JavaScript
Elementele DOM au proprietatea textContent,
care permite citirea textului acestor elemente.
Să ne uităm la un exemplu. Să presupunem
că avem următorul tag:
html<p id="elem">text</p>
Obținem o referință la acest tag într-o variabilă:
javascriptlet elem = document.querySelector('#elem');
Citim textul tag-ului:
javascriptconsole.log(elem.textContent);
Schimbăm textul tag-ului:
javascriptelem.textContent = '!!!';
Dat un paragraf și un buton. La click pe buton, citiți textul paragrafului și afișați-l în consolă.
Dat un paragraf și un buton. La click pe buton, scrieți în paragraf un nou text.
Sunt date două paragrafe, conținând ca text niște numere, și un buton. La apăsarea butonului afișați pe ecran suma numerelor conținute.
Sunt date trei paragrafe cu numere, un div, și un buton. La apăsarea butonului, scrieți în textul div-ului suma numerelor.
Dat un paragraf cu un număr și un buton. La apăsarea butonului, adăugați o unitate la valoarea din paragraf și scrieți numărul obținut înapoi.
Dat un paragraf cu text și un buton. La apăsarea butonului, scrieți la sfârșitul textului paragrafului un semn de exclamare.