selamat malam kak, saya izin bertanya untuk nomor 5,9,10 saya error kak, mohon koreksi kesalahnnya kak.terima kasih sebelumnya
Hi kak @Irawati_Nurramadani ,
Boleh kirim seluruh kode javascript nya disini? karena dari screenshotnya sulit untuk diketahui kendalanya dimana aja
(post withdrawn by author, will be automatically deleted in 24 hours unless flagged)
let currentIndex = 0;
const slideCon■■■ner = document.getElementById(“slide-con■■■ner”);
const totalSlides = slideCon■■■ner.children.length;
const indicatorsCon■■■ner = document.getElementById(“indicators”);
let intervalId;
for (let i = 0; i < totalSlides; i++) {
const dot = document.createElement(“div”);
dot.classList.add(“indicator-dot”);
if (i === 0) dot.classList.add(“active”);
indicatorsCon■■■ner.appendChild(dot);
}
function updateSlider() {
slideCon■■■ner.style.transform = translateX(-${currentIndex * 100}%)
;
const dots = document.querySelectorAll(".indicator-dot");
dots.forEach((dot, idx) => {
dot.classList.toggle("active", idx === currentIndex);
});
}
function nextSlide() {
currentIndex = (currentIndex + 1) % totalSlides;
updateSlider();
}
function startSlider() {
intervalId = setInterval(nextSlide, 15000);
}
function stopSlider() {
clearInterval(intervalId);
}
document.getElementById(“slider”).addEventListener(“mouseenter”, stopSlider);
document.getElementById(“slider”).addEventListener(“mouseleave”, startSlider);
startSlider();
document.querySelectorAll(".indicator-dot").forEach((dot, i) => {
dot.addEventListener(“click”, () => {
currentIndex = i;
updateSlider();
});
});
function handleGetFormData() {
return {
name: document.getElementById("name").value,
city: document.getElementById("city").value,
email: document.getElementById("email").value,
zipCode: document.getElementById("zip-code").value,
status: document.getElementById("status").checked
};
}
function isNumber(str) {
return !isNaN(str);
}
function checkboxIsChecked() {
return document.getElementById(“status”).checked;
}
function validateFormData(formData) {
return (
formData != null &&
isNumber(formData.zipCode) &&
formData.status === true
);
}
function submit(event) {
event.preventDefault();
const formData = handleGetFormData();
const warning = document.getElementById(“warning”);
if (!validateFormData(formData)) {
warning.innerText = "Periksa form anda sekali lagi";
} else {
warning.innerText = "";
alert("Form berhasil dikirim!");
}
}
document.getElementById(“form”).addEventListener(“submit”, submit);
Hi kak @Irawati_Nurramadani ,
Setelah lihat langsung kode kamu, sepertiny ada beberapa yang bisa di improve ya.
- ada banyak duplikat di script.js. Contohnya Di baris 47 kakak buat
function handleGetFormData
tapi di baris 113 kakak buat lagi function yg sama.
Sama juga dengan function2 lainnya. banyak yang duplikat. boleh coba hapus dulu ya yg duplikat. - di html juga ada duplikat import scriptnya. boleh hapus salah satu ya kak
- Untuk bagian html di dalam
<form>
boleh coba comment / hapus aja dulu semua tag label nya yaa. dan pastikan ikuti soalnya, contoh div dengan id warning di masukkan ke dalam<form>
- pada bagian function submit di
script.js
kakak bisa hapus aja ya parameter “event” nya
Gini dulu yaa, kalau masih terkendala kabari lagi
udah bisa kak, terimakasih kak