Membuat Simple Captcha Pure Javascript

Loogle - Captcha adalah salah satu metode dimana kita diharuskan mengetik apa yang disuruh untuk mengecek apakah kita bot atau manusia. Cara ini efektif, karena saat ini banyak kecurangan yang disebabkan bot yang menyebabkan ruginya suatu situs. Nah ada beberapa captcha hoster yang saat ini ada dan terkenal misalnya reCaptcha. Namun untuk para blogger, apakah kita bisa menggunakannya? Tidak. Maka dari itu saya akan share cara membuat simple captcha dari javascript.

Contoh captcha bisa dilihat di sini

Pertama kita beri dulu variable a dan b untuk merandom angka

var a = Math.ceil(Math.random() * 10);
var b = Math.ceil(Math.random() * 10);

Sekarang kita membuat formnya

Solve this to continue<br />What is "+a+"+"+b+"? <input id='advr' type='text' maxlength='2' size='2' /><input id='Button1' type='button' value='Check' onclick='advr();'/>

Lalu kita buat fungsi untuk proses jika jawaban benar atau salah

function advr(){
var d = document.getElementById('advr').value;
if (d == c) {
// Eksekusi jika benar
} else {
 return false; // Eksekusi jika salah
}

Sekarang jika disatukan maka akan menjadi

<script type='text/javascript'>
var a = Math.ceil(Math.random() * 10);
var b = Math.ceil(Math.random() * 10);document.getElementById('blogadvr').innerHTML = "Solve this to continue<br />What is "+a+"+"+b+"? <input id='advr' type='text' maxlength='2' size='2' /><input id='Button1' type='button' value='Check' onclick='advr();'/>";

function advr() {
var d = document.getElementById('advr').value;
if (d == c) {
alert("Sukses");
} else {
alert("Gagal");
}
</script>

Sekarang tempatkan <span id='blogadvr'></span> ditempat yang diinginkan.

-