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