Skillpath no 10 web dev

FAQs
#1

// Tambahkan kode JavaScript kalian di file ini

//6. Function handleGetFormData untuk membaca inputan dan kembalikan objek

const handleGetFormData = () => ({

name: document.getElementById(“name”).value,

email: document.getElementById(“email”).value,

city: document.getElementById(“city”).value,

zipCode: document.getElementById(“zip-code”).value,

status: document.getElementById(“status”).checked

});

//7. function pengecekan isNumber untuk zipcode

function isNumber(zipCode){

if(isNaN(zipCode)){

    return false

} else {

    return true

}

}

//8. function mengecek inputan checkbox untuk tombol submit

function checkboxIsChecked(status) {

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

}

//9. validasi objek, zipcode dan status

const formData = {

name: document.getElementById("name").value,

email: document.getElementById(“email”).value,

city: document.getElementById(“city”).value,

zipCode: document.getElementById(“zip-code”).value,

status: document.getElementById(“status”).checked

}

function validateFormData(formData) {

if(formData!==null && typeof formData.zipCode == "number" && document.getElementById("status").checked ==true){

    return true;

} else{

    return false;

}

}

//10. submit

function submit(){

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

const data = handleGetFormData();

if(validateFormData(data)==false) {

   return warning.textContent = "Periksa form anda sekali lagi";

} else{

   return warning.textContent = "";

}

}

document.getElementById(‘submit-form’).addEventListener(‘click’, (event) => {

event.preventDefault();

submit()

})

salahnya di nomor 10 apa yah?

#2

HI @St_Rahmawati_Rahman ,

Pada bagian di bawah ini boleh manfaatkan function yang sudah kamu buat:

  1. isNumber
  2. checkboxIsChecked

Untuk bagian checkboxIsChecked boleh gunakan status punya handleGetFormData yaa

Skillpath web dev no.10
Skilpath webdev pemula no.10
#3

(post withdrawn by author, will be automatically deleted in 24 hours unless flagged)

#4

function validateFormData(data) {

    // Mengecek apakah objek tidak bernilai null

    const isNotNull = data !== null;

    // Mengecek apakah nilai dari properti zipCode adalah angka

    const isZipCodeNumber = !isNaN(data.zipCode);

    // Mengecek apakah attribute checked dari <input> dengan id yaitu status adalah true

    const isStatusChecked = document.getElementById('status').checked;

    // Mengembalikan true jika semua kondisi terpenuhi, dan false jika tidak

    return isNotNull && isZipCodeNumber && isStatusChecked;

}

function submit() {

const data = handleGetFormData();

// Memanggil fungsi validateFormData

const isValid = validateFormData(data);

// Mendapatkan elemen dengan id 'warning'

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

// Jika isValid adalah false, tampilkan pesan peringatan

if (!isValid) {

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

} else {

    // Hapus teks pesan peringatan jika validasi berhasil

    warningDiv.remove();

}

}

// Menghubungkan fungsi submit dengan form menggunakan addEventListener

document.getElementById(‘submit-form’).addEventListener(‘click’, (event) => {

event.preventDefault();

submit();

}); Aku udah bikin kaya gini kak, no 10 salahnya dimana ya kak ? mohon bantuannya

#5

Hi @Elsy_Maharani ,

Boleh cek disini yaa