Skillpath no 8, 9, 10

#1

saya masih kesusahan mencerna kenapa skillpath no 8, 9, dan 10 ini kodenya masih salah. saya butuh bantuan. terima kasih

no 8
// Function untuk memeriksa apakah checkbox dicentang

function checkboxIsChecked() {

return document.getElementById("status").checked;

}

no 9

// Function untuk melakukan validasi data form

function validateFormData(data) {

return (

    data &&

    data.nama !== "" &&

    data.city !== "" &&

    data.email !== "" &&

    isNumber(data.zipCode) &&

    checkboxIsChecked()

);

}

no 10

// Function untuk menangani proses submit form

function submitForm(event) {

    event.preventDefault(); // Mencegah refresh page

    const form = document.querySelector("form");

    const warningDiv = document.getElementById("warning");

    const formData = handleGetFormData();

    if (!validateFormData(formData)) {

        warningDiv.textContent = "Periksa form anda sekali lagi.";

    } else {

        warningDiv.textContent = "";

        form.submit();

    }

}
#2

Hi @Nur_Fathia_Achmadi ,

Untuk nomor 8,
kamu boleh gunakan function yang sudah kamu buat sebelumnya yaitu handleGetFormData() karena dia mengembalikan properti status

Untuk nomor 9,
Kita tidak hanya diminta cek nama, city, email. ada zipcode dan status juga yaa.

Jadi boleh di tambahin atau di persingkat dengan cara seperti :

return obj && isNumber(obj.zipCode) && checkboxIsChecked()

Untuk nomor 10,

  1. Bagian pencegahan ini boleh di hapus dan dipindah aja karena soal ga minta ada tambahin parameter event
  2. Ubah nama function nya ke submit sesuai dengan yg diminta soal

Ini contoh kalau kamu mau tetap pakai preventDetault

document.getElementById('submit-form').addEventListener('click', (event) => {
    event.preventDefault();
    submit()
})
#3

image
image1280×467 72.2 KB

mohon dibantukak kok masih eror

#4

Hi @Felycia_Wisanto ,

Pada baris 7, pakai properti .checked yaa

document.getElementById("status").checked
#5

image
image1366×768 169 KB

kak ini gimana ya , no 9 Skillpath. apa yang perlu ditambahkan ? untuk no 1-8 sudah benar semua akan tetapi disaat membuat koding di no 9 malah salah semua. mohon bantuannya

#6

Hi @Raden_Ajeng_Anggy_Ra ,

Kamu diminta untuk buat function validateFormData untuk nomor 9. Dan kelihatannya kamu belum membuatnya. Boleh di buat dulu.

function validateFormData(data) {
  // kode dari 26-30 masukkan disini
}

Boleh bertanya lagi yaa jika masih bingung