Làm việc với trường văn bản trong JavaScript
Bây giờ chúng ta sẽ học cách lấy văn bản
từ người dùng của trang web. Để làm điều này,
HTML cung cấp một thẻ đặc biệt input,
đại diện cho một trường nhập liệu văn bản.
<input>
Thẻ này có một thuộc tính đặc biệt value,
thiết lập văn bản ban đầu sẽ được hiển thị
trong input khi truy cập trang:
<input value="text">
Người dùng trang web sau khi truy cập
trang có thể thay đổi văn bản của input.
Khi đó, nếu chúng ta có một biến chứa
tham chiếu đến input này, thì thuộc tính value
của biến đó sẽ luôn chứa giá trị văn bản hiện tại
của input.
Hãy thử thực hành. Giả sử chúng ta có một input
với thuộc tính value:
<input id="elem" value="text">
Lấy tham chiếu đến input này vào một biến:
let elem = document.querySelector('#elem');
Và bây giờ hãy in văn bản hiện tại của input ra màn hình:
console.log(elem.value);
Và bây giờ hãy thay đổi văn bản của input thành văn bản khác:
elem.value = 'new text';
Cho một input và một nút bấm. Khi nhấn vào nút bấm, hãy ghi một văn bản bất kỳ vào input.
Cho một input, một đoạn văn và một nút bấm. Khi nhấn vào nút bấm, hãy ghi văn bản từ input vào đoạn văn.
Cho hai input và một nút bấm. Người dùng nhập một số vào input đầu tiên. Khi nhấn vào nút bấm, hãy ghi bình phương của số đã nhập vào input thứ hai.
Cho hai input và một nút bấm. Khi nhấn vào nút bấm, hãy ghi vào input đầu tiên giá trị của input thứ hai, và vào input thứ hai - giá trị của input đầu tiên. Mã của bạn phải hoạt động một cách tổng quát, cho bất kỳ giá trị nào của các input.
Cho 5 input, một đoạn văn và một nút bấm.
Người dùng nhập các số vào input. Khi nhấn vào nút bấm,
hãy ghi trung bình cộng của các số đã nhập vào đoạn văn.
