Praktik Mengubah Elemen dengan JavaScript

Diberikan sebuah array. Tampilkan elemen-elemennya dalam bentuk daftar ul.

Modifikasi tugas sebelumnya sehingga saat diklik pada salah satu li, akan muncul input, yang dapat digunakan untuk mengeditnya.

Modifikasi tugas sebelumnya sehingga di bawah daftar terdapat input, yang dapat digunakan untuk menambahkan elemen baru di akhir daftar ul. Buat agar li baru juga dapat diedit.

Modifikasi tugas sebelumnya sehingga di akhir setiap li terdapat tautan 'hapus', yang dapat digunakan untuk menghapus li tersebut dari ul.

Modifikasi tugas sebelumnya sehingga di akhir setiap li juga terdapat tautan 'coret', yang dapat digunakan untuk mencoret teks dari tag li tersebut.

Array Objek dan Tabel

Diberikan array berikut dengan karyawan:

let employees = [
	{name: 'employee1', age: 30, salary: 400},
	{name: 'employee2', age: 31, salary: 500},
	{name: 'employee3', age: 32, salary: 600},
];

Tampilkan karyawan-karyawan ini dalam tabel HTML.

Berikan sel-sel pada tabel yang dibuat kemampuan untuk diedit.

Tambahkan kolom baru ke tabel Anda dengan tautan untuk menghapus baris dari tabel.

Buat di bawah tabel 3 input dan tombol untuk menambahkan karyawan baru. Biarkan input untuk memasukkan nama, usia, dan gaji, dan saat tombol ditekan, karyawan baru ditambahkan ke tabel. Implementasikan pengeditan sel untuk karyawan yang baru ditambahkan.

Array Objek dan Daftar

Diberikan array berikut dengan karyawan:

let employees = [
	{name: 'employee1', age: 30, salary: 400},
	{name: 'employee2', age: 31, salary: 500},
	{name: 'employee3', age: 32, salary: 600},
];

Tampilkan setiap karyawan pada layar dalam tag li miliknya sendiri dalam tag ul.

Buat agar saat diklik pada nama, usia, atau gaji karyawan, muncul input untuk mengedit bidang tersebut.

Tambahkan di akhir setiap tag li tautan untuk menghapus li ini dari daftar.

Buat formulir di bawah daftar untuk menambahkan karyawan baru.