Permisi kak, saya bingung dan merasa sulit dalam menyelesaikan soal no 4,5,6,8,9,10. Sudah saya kerjakan semampu saya namun outputnya masih salah, tolong bantu saya mengoreksi letak kesalahan dan cara perbaikannya, terima kasih.
Berikut kode html nya
<nav>
<a href="./home">Home</a>
<a href="./signup">Sign Up</a>
<a href="./login">Log In</a>
</nav>
<header>
<h1> Hello! Welcome to my Website ^^</h1>
<p id="description"> Website ini dibuat untuk latihan uji coba pembuatan landing page website belajar materi Fisika (Physics Learning) untuk SMP-SMA (Secondary & Upper Secondary School) secara daring via web</p>
<img width="80%" src="https://i.pinimg.com/736x/a2/34/ba/a234baa177cb7a6650570d9b8d169c76.jpg";> <br/>
<a id="link" href="https://skilvul.com.";> Klik disini untuk kursus online lainnya</a> <br/>
<h2> Ayo Daftarkan Dirimu untuk akses lainnya!</h2>
<p> Silakan isi formulir pendaftaran berikut untukmu yang baru bergabung!</p>
<form>
<fieldset>
<legend> Formulir Anggota Web Baru</legend>
<div>
<label for="name">Nama:</label>
<input id="name" type="text" name="name"/> <br/>
<label for="city">Kota:</label>
<input id="city" type="text" name="city"> <br/>
<label for="email">Email:</label>
<input id="email" type="email" name="email"> <br/>
<label for="zip-code">Kode Pos:</label>
<input id="zip-code" type="number" name="zip-code"><br>
<label id="check">
Dengan ini saya menyatakan data yang diisi pada form ini adalah benar dan telah sesuai.
</label>
<input id="status" type="checkbox" name="status"> <br/>
<button id="submit-form" type="submit" onclick="Pengisian Form Sukses">submit</button>
<div id="warning"> </div>
</div>
</fieldset>
</form>
</header>
<footer> Skilvul Copyright </footer>
Kode Javascriptnya
function handleGetFormData(){
const inputName=document.getElementById("name")
const inputCity=document.getElementById("city")
const inputEmail=document.getElementById("email")
const inputZipCode=document.getElementById("zip-code")
const inputStatus=document.getElementById("status")
const data={
name : inputName.value,
city : inputCity.value,
email : inputEmail.value,
zipCode : inputZipCode.value,
status : inputStatus.value,
}
return (data);
}
const btnSubmit =document.getElementById("submit-form")
btnSubmit.addEventListener('click', function(event){
event.preventDefault()
console.log(handleGetFormData());
})
//validasi untuk memastikan tidak terjadi kesalahan input
const isNumber=(input)=>{
if(!isNaN(input)){
return true
}else{
return false
}
}
const checkBoxIsChecked=()=>{
if(handleGetFormData().status){
return true
}else{
return false
}
}
const validateFormData=(data)=>{
if(data!==null && isNumber(data.zipCode) && checkBoxIsChecked()){
return true
}else{
return false
}
}
const submit=()=>{
if(validateFormData(handleGetFormData)===false){
const warning=document.getElementById("warning")
warning.textContent="Periksa form anda sekali lagi";
return warning.innerText
}else{
return warning.innerText="";
}
}