Làm việc với textarea trong JavaScript

Trong phần này của giáo trình, chúng ta sẽ tìm hiểu cách làm việc với các tính năng phức tạp hơn của biểu mẫu. Chúng ta sẽ bắt đầu việc tìm hiểu bằng thẻ textarea, đại diện cho một trường nhập liệu nhiều dòng.

Khi làm việc với thẻ này có một điểm đặc biệt. Vấn đề như sau: văn bản sẽ hiển thị trong thẻ theo mặc định được đặt giữa thẻ mở và thẻ đóng textarea:

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

Tuy nhiên, bất chấp điều này, việc đọc và ghi văn bản của thẻ không nên thông qua thuộc tính innerHTML, mà thông qua value. Ví dụ, hãy hiển thị văn bản của textarea ở trên:

let elem = document.querySelector('#elem');
console.log(elem.value); // sẽ hiển thị 'text'

Cho một textarea và một đoạn văn. Khi mất tiêu điểm trong textarea, hãy ghi văn bản của nó vào đoạn văn.