Selamat Siang 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 to read form data
function handleGetFormData() {
const name = document.getElementById('name').value;
const city = document.getElementById('city').value;
const email = document.getElementById('email').value;
const zipCode = document.getElementById('zip-code').value;
const status = document.getElementById('status').checked;
return { name, city, email, zipCode, status };
}
// 7. Function to check if input is number
function isNumber(input) {
return !isNaN(input);
}
// 8. Function to check if checkbox is checked
function checkboxIsChecked() {
return document.getElementById('status').checked;
}
// 9. Function to validate form data
function validateFormData(data) {
return (
data &&
data.name &&
data.city &&
data.email &&
isNumber(data.zipCode) &&
checkboxIsChecked()
);
}
// 10. Function untuk submit form
function submit(event) {
event.preventDefault(); // Mencegah refresh saat submit
const formData = handleGetFormData(); // Ambil data dari form
const isValid = validateFormData(formData); // Validasi data
const warningElement = document.getElementById('warning');
if (!isValid) {
// Jika data tidak valid, tampilkan peringatan
warningElement.innerText = "Periksa form anda sekali lagi";
} else {
// Jika data valid, hapus peringatan
warningElement.innerText = "";
}
}
// Tambahkan event listener untuk form
document.addEventListener(‘DOMContentLoaded’, () => {
const form = document.getElementById('myForm'); // Ambil elemen form dengan ID "myForm"
form.addEventListener('submit', submit); // Tambahkan event listener untuk submit
});