Selamat pagi Kak, saya mempunyai kendala untuk Web Development Pemula - Special Challenge pada nomor 10.
saya sudah beberapa kali mencoba tapi masih tetap error untuk nomor 10 kak.
berikut untuk koding saya kak:
// 6. Function membaca inputan form
function handleGetFormData() {
const name = document.getElementById(‘name’).value.trim();
const city = document.getElementById(‘city’).value.trim();
const email = document.getElementById(‘email’).value.trim();
const zipCode = document.getElementById(‘zip-code’).value.trim();
const status = document.getElementById(‘status’).checked;
return { name, city, email, zipCode, status };
}
// 7. Validasi zip-code hanya angka
function isNumber(str) {
return !isNaN(str) && str !== ‘’;
}
// 8. Cek checkbox dicentang
function checkboxIsChecked() {
return document.getElementById(‘status’).checked;
}
// 9. Validasi form data lengkap dan benar
function validateFormData(data) {
if (
data !== null &&
isNumber(data.zipCode) &&
checkboxIsChecked() &&
data.name !== '' &&
data.city !== '' &&
data.email !== ''
) {
return true;
}
return false;
}
// 10. Function submit form
function submit(event) {
event.preventDefault();
const formData = handleGetFormData();
const isValid = validateFormData(formData);
const warningElement = document.getElementById(‘warning’);
if (!isValid) {
warningElement.innerText = "Periksa form anda sekali lagi";
} else {
warningElement.innerText = "";
alert('Form berhasil disubmit!');
}
}
document.addEventListener(‘DOMContentLoaded’, () => {
const form = document.getElementById(‘course-form’);
form.addEventListener(‘submit’, submit);
});