Lucrul cu textarea în JavaScript

În această secțiune a manualului vom studia lucrul cu posibilități mai complexe ale formularelor. Vom începe studiul cu tagul textarea, care reprezintă un câmp de introducere multiliniu.

La lucrul cu acest tag există o anumită nuanță. Esența este următoarea: textul care va fi setat în tag în mod implicit, este plasat între tagul de deschidere și cel de închidere textarea:

<textarea id="elem">text</textarea>

Cu toate acestea, în ciuda acestui fapt, citirea și scrierea textului tagului ar trebui făcută nu prin proprietatea innerHTML, ci prin value. De exemplu, să afișăm textul textarea de mai sus:

let elem = document.querySelector('#elem');
console.log(elem.value); // va afișa 'text'

Este dat un textarea și un paragraf. La pierderea focusului în textarea scrieți textul său în paragraf.