Assalamualaikum Sobat Okayim.Com Pada Kesempatan kali ini saya akan membagikan tutorial CARA MEMBUAT CAPTCHA SEDERHANA MENGGUNAKAN JAVASCRIPT SAJA. Jadi nanti Captcha yang muncul merupakan angka beserta teks yang telah di acak.
Mengapa saya mempunyai pemikiran membuat Captcha hanya menggunakan javascript saja ?
Hal ini dikarenakan banyak blogger-blogger pemula yang bahkan hanya memiliki bakat secara autodidak didalam pemrograman dan belum memiliki kemampuan tentang program plugin CAPTCHA pada website. Oleh sebab itulah saya memiliki pemikiran tersebut supaya blogger pemula secara autodidak bisa memasang captcha hanya cukup memasangkan javascript yang akan di bagikan pada artikel ini.
Penjelasan CAPTCHA
CAPTCHA (Completely Automated Public Turing test to tell Computers and Humans Apart) adalah sebuah tes yang digunakan untuk memastikan bahwa suatu respons diberikan oleh manusia dan bukan oleh program otomatis atau bot. CAPTCHA biasanya digunakan pada situs web untuk mencegah penyalahgunaan dari layanan online, seperti pembuatan akun massal atau spam komentar. Contoh umum CAPTCHA meliputi:
1. Teks Distorsi: Pengguna diminta mengetik ulang teks yang tampil dengan distorsi atau noise.
2. Gambar: Pengguna diminta memilih gambar yang memenuhi kriteria tertentu, misalnya, "pilih semua gambar yang menunjukkan mobil".
3. ReCAPTCHA: Sistem yang lebih canggih yang sering kali hanya meminta pengguna mencentang kotak "Saya bukan robot". Jika ada keraguan, pengguna mungkin diminta melakukan tugas tambahan seperti pengenalan gambar.
Script captcha yang saya bagikan ini merupakan hanya Script dasarnya. Silahkan sobat kembangkan kembali sesuai kebutuhan pada situs website milik sobat.
Membuat Captcha Menggunakan Javascript Saja
1. Langkah Pertama Sobat Bisa Membuat Html Terlebih Dahulu Seperti Code Html Dibawah Ini.
<div class='box'>OkAYiMCom</div> <input class="input" type="text" name="captcha" onkeyup="cekCaptcha()"/>
2. Kemudian buatlah struktur javascript seperti code dibawah ini.
function randomString(len,charSet) {
charSet = charSet || 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
var randomString = '';
for (var i = 0; i < len; i++){
var randomPoz = Math.floor(Math.random() * charSet.length);
randomString += charSet.substring(randomPoz,randomPoz+1);
}
return randomString;
}
function cekCaptcha(){
var inputUser = document.querySelector(".input");
var captcha = document.querySelector(".box").innerHTML;
if(inputUser.value === captcha){ // jika captcha benar jalankan fungsi di bawah ini
alert('captcha benar');
}else if (inputUser.value.length === 5 && inputUser.value != captcha){ // jika captcha salah kosongkan bidang input dan acak captcha
inputUser.value ='';
document.querySelector(".box").innerHTML = randomString(5);
}
}
Itulah Cara Sederhana Membuat Captcha Dengan Javascript Saja Di Website. Mudahan artikel yang saya bagikan bermanfaat dan saya ucapkan terima kasih telah berkunjung ke blog okayim.com
