Permisi, ijin bertanya ini salah dimana ya?

Buat sebuah fungsi bernama submit dan panggil fungsi ini ketika <form> disubmit.

Panggil fungsi validateFormData di fungsi submit tersebut, dan apabila validateFormData mengembalikan nilai false, maka fungsi submit akan menampilkan teks Periksa form anda sekali lagi di <div> dengan id warning. Jika validateFormData mengembalikan nilai true, maka teks di dalam <div> dengan id warning akan dihapus.

Teks di dalam <div> dengan id warning harus mempunyai style warna tulisan dengan hex #FF0000

function submit() {

let data = validateFormData(getFormData());
let warning = document.getElementById(‘warning’);
if (data == false){
warning.innerHTML = ‘Periksa form anda sekali lagi’;
}else{
warning.innerHTML = ‘’;
}
}

1 Like

Halo kk @Johana_Oktavia_Ramad
untuk logic pada kodingannya sudah oke. hanya saja kamu salah pada penulisan symbol string. kamu bisa ganti dengan tanda kutip "" untuk warning, Periksa form anda sekali lagi dan string kosongnya

1 Like
function submit() {

  let data = validateFormData(getFormData());

  let warning = document.getElementById(‘warning’);

  if (data == false){

    warning.innerHTML = "<div style='color:#FF0000'>Periksa form anda sekali lagi</div>";

  }else{

    warning.innerHTML = "";

  }
}

Semoga membantu

Setelah membuat proses pengecekan untuk zip-code dan checkbox, kita akan melakukan proses validasi untuk memastikan bahwa semua inputan sudah diisi oleh user.

Buat sebuah function bernama validateFormData yang menerima 1 argumen objek dengan properti:

  • name
  • city
  • email
  • zipCode
  • status

Kembalikan true jika:

  • objek tidak bernilai null
  • nilai dari properti zipCode harus dalam bentuk angka
  • attribute checked dari <input> dengan id yaitu status harus true

Jika tidak, kembalikan false

Gunakan operator && dalam melakukan pengecekan ketiga perkondisian di atas

mohon bantuannya kak

2 Likes

Hi @Gading_Aulia ,

Coba ini

const handleGetFormData = () => ({
  name: document.getElementById("name").value,
  email: document.getElementById("email").value,
  city: document.getElementById("city").value,
  zipCode: document.getElementById("zip-code").value,
  status: document.getElementById("status").checked,
});

Sesuai soal, kita buat function yang akan kembalikan object yang berisi 5 input yg sudah diminta buat pada soal sebelumnya.

Semoga membantu