Belajar Menghubungkan Web ke API (CRUD Mahasiswa)
Selamat datang di kelas! Di halaman ini, kalian akan belajar cara mengambil data mahasiswa untuk ditampilkan ke web, serta cara menambah, mengedit, dan menghapus data langsung lewat JavaScript.
Buat "Kamar Latihan" Pribadi Kamu
Biar data latihanmu tidak terhapus atau tertukar dengan teman di sebelahmu, ketik nama panggilanmu atau NIM kamu di bawah ini:
https://api-web.dnccudinus.org/api/mahasiswa
💡 Tips: Salin link di atas dan tempelkan ke dalam kode fetch() tugas webmu. Server sudah otomatis menyiapkan 11 data mahasiswa contoh di dalam kamarmu!
4 Jurus Dasar CRUD (Siap Pakai di Web Kamu)
Pilih operasi yang sedang ingin kamu kerjakan di tugasmu:
📖 Menampilkan Daftar Mahasiswa ke Halaman Web
Gunakan kode ini saat halaman web pertama kali dibuka untuk menampilkan data ke dalam tabel atau kartu.
// Kode JavaScript untuk mengambil data
Uji Coba Langsung (Live Preview)
Lihat bagaimana data mahasiswa di kamarmu tampil di layar:
// Hasil respon JSON mentah akan muncul di sini...
Datamu Tidak Sengaja Terhapus Semua atau Berantakan?
Jangan panik! Klik tombol reset untuk mengembalikan 11 data mahasiswa contoh awal ke dalam kamarmu.