Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
Kelas Premium!
Belajar Javascript untuk website
Gunakan kupon "mulaijs" untuk diskon 75 ribu!
Validasi input tanggal di javascript
bagaimana kode membuat validasi tanggal seperti gambar dibawah?
1 Jawaban:
bisa menggunakan switch case, tapi cukup banyak tricky partnya, kode saya blum tested, jadi nnti coba saja dulu
HTML <pre> <table> <tr> <td> <input id="tanggal-lahir" type="date" name="date"> </td> <td> <a id="check-date" href="#">Check!</a> </td> </tr> </table> </pre>
JS
<pre> const input = document.querySelector('#tanggal-lahir'); const checkBtn = document.querySelector('#check-date');
checkBtn.addEventListener('click', (e) => { e.preventDefault(); //cegah a untuk melakukan default behavior let bulan = ''; const catchTanggal = input.value.split('/')[0]; const catchBulan = input.value.split('/')[1]; //kita ambil bulan di input value const catchTahun = input.value.split('/')[2];
/* praktisnya bisa seperti ini
const splits = input.value.split('/');
const catchTanggal = splits[0];
const catchBulan = splits[1];
const catchTahun = splits[2];
But the idea will stay the same */
switch(catchBulan) {
case '01':
bulan = 'Januari';
break;
//Lakukan ini sampe case '12', ganti variable bulan sesuai nama bulannya
}
alert('Tanggal lahir saya adalah ' + catchTanggal + ' ' + catchBulan + ' ' +
catchTahun);
}); </pre>
Tanggapan
Terima kasih kak
Tapi ini kok belum bisa ya hasilnya
error? errornya apa, coba masuk console di browser
permasalahannya dari javascript saya dan projek yang kamu bangun, kemungkinan besar dari DOM, HTML kamu kan pasti beda dengan HTML yang saya beri, maka kamu harus sesuaikan, kalo kamu bingung, kamu bisa posting lagi HTML mu seperti apa