Latihan 1: API Security (CORS, CSRF, Input Sanitization) — API

Latihan 1 dari materi API Security (CORS, CSRF, Input Sanitization) di API — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.

Isi function sanitizeInput(input), pembersih teks untuk field teks biasa. Langkahnya berurutan:

Buang semua tag HTML: input.replace(/<[^>]*>/g, ""). Isi di antara tag tetap tinggal.
Pangkas spasi di awal dan akhir dengan trim(), setelah tag-nya dibuang.
Kalau hasilnya kosong, kembalikan null; kalau gak, kembalikan teksnya.

Lima baris console.log di starter tetap seperti itu. Output-nya harus persis, satu per baris: alert(1)hello, O'Brien, bold, null, plain text. Tester juga memanggil sanitizeInput(" ") (harus null), sanitizeInput("<a href='x'>go</a>") (harus "go"), sanitizeInput("it's <b>fine</b>") (harus "it's fine"), dan sanitizeInput("<i> </i>") (harus null).

Kutip tunggal gak diubah: query yang memakai parameter sudah menyimpan O'Brien dengan aman, dan kutip yang digandakan malah ikut tersimpan sebagai O''Brien.

Hint

Bersihkan teksnya bertahap, masing-masing satu langkah: tag dulu, lalu spasi, lalu cek apakah masih ada isinya.
Simpan tiap langkah di variabel: hasil replace tag, lalu hasil trim. Di akhir, kembalikan null kalau hasil trim adalah teks kosong.
const withoutTags = String(input).replace(/<[^>]*>/g, ""); const trimmed = withoutTags.trim(); return trimmed === "" ? null : trimmed;

</> { } .css => #id fn()

Versi baru

HyperSheets

bagian dari BelajarWeb.dev

Membuka gerbang…

Latihan 1: API Security (CORS, CSRF, Input Sanitization) — API

Hint

Memperbarui Aplikasi