Thực hành thay đổi phần tử trên JavaScript
Cho một mảng. Hãy xuất các phần tử của nó dưới dạng
danh sách ul.
Chỉnh sửa bài toán trước đó sao cho
khi nhấp vào bất kỳ li nào thì
một ô nhập liệu sẽ xuất hiện trong đó,
cho phép chỉnh sửa nội dung của nó.
Chỉnh sửa bài toán trước đó sao cho
dưới danh sách có một ô nhập liệu, cho phép
thêm một phần tử mới vào cuối
danh sách ul. Hãy đảm bảo rằng các phần tử
li mới cũng có thể được chỉnh sửa.
Chỉnh sửa bài toán trước đó sao cho
ở cuối mỗi li có một liên kết 'xóa',
cho phép xóa phần tử
li đó khỏi ul.
Chỉnh sửa bài toán trước đó sao cho
ở cuối mỗi li cũng có một liên kết
'gạch ngang', cho phép
gạch ngang văn bản của thẻ
li đó.
Mảng đối tượng và bảng
Cho mảng nhân viên sau:
let employees = [
{name: 'employee1', age: 30, salary: 400},
{name: 'employee2', age: 31, salary: 500},
{name: 'employee3', age: 32, salary: 600},
];
Hãy xuất những nhân viên này trong một bảng HTML.
Thêm khả năng chỉnh sửa cho các ô của bảng đã tạo.
Thêm một cột mới vào bảng của bạn chứa liên kết để xóa hàng khỏi bảng.
Tạo 3 ô nhập liệu và một nút bấm
phía dưới bảng để thêm nhân viên mới. Hãy để trong các
ô nhập liệu nhập tên, tuổi và lương,
và khi nhấn nút, nhân viên mới sẽ được thêm
vào bảng. Hãy triển khai chức năng chỉnh sửa ô
cho các nhân viên mới được thêm vào.
Mảng đối tượng và danh sách
Cho mảng nhân viên sau:
let employees = [
{name: 'employee1', age: 30, salary: 400},
{name: 'employee2', age: 31, salary: 500},
{name: 'employee3', age: 32, salary: 600},
];
Hãy xuất mỗi nhân viên ra màn hình trong
thẻ li riêng của thẻ ul.
Hãy làm sao cho khi nhấp vào tên, tuổi hoặc lương của nhân viên, một ô nhập liệu sẽ xuất hiện để chỉnh sửa trường đó.
Thêm vào cuối mỗi thẻ li một liên kết
để xóa li đó khỏi danh sách.
Phía dưới danh sách, hãy tạo một biểu mẫu để thêm nhân viên mới.