Permisi kakak-kakak, 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 kesalahannya, terima kasih kakak-kakak yang baik hati.
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>
</body>
</html>
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="";
}
}