iseng-iseng bikin captcha dengan javascript canvas HTML5:
langsung aja tu de poin ya om 😂😂😂😂😂
ini demonya
ini scriptnya:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script>
function submit(){
var no_acak = document.getElementById("captcha").value;
var x = document.getElementById("captcha").getAttribute("c");
if(no_acak == x){
alert('captcha yang anda masuk benar!');
//return true;
return false;
}else{
alert('captcha yang anda masuk salah!');
acak_captcha();
return false;
}
}
function acak_captcha(){
var no_acak = Math.floor((Math.random() * 1000000) + 1);
var posisi_x = Math.floor((Math.random() * 50) + 1);
var posisi_y = Math.floor((Math.random() * 50) + 10);
var c = document.getElementById("myCanvas");
var canvas = c.getContext("2d");
canvas.clearRect(0, 0, 150, 60);
var gradient=canvas.createLinearGradient(0,0,c.width,0);
gradient.addColorStop("0","blue");
gradient.addColorStop("1","green");
canvas.fillStyle=gradient;
canvas.beginPath();
canvas.rect(0, 0, 150, 60);
canvas.fill();
var ctx = c.getContext("2d");
ctx.fillStyle="#000000";
ctx.font = '18px serif';
ctx.strokeText(no_acak, posisi_x, posisi_y);
document.getElementById("captcha").setAttribute("c", no_acak);
}
window.onload = function() {
acak_captcha();
}
</script>
</head>
<body>
<form onsubmit="return submit()" >
<p><h1>captcha dengan javascript canvas HTML5:</h1></p>
<p>Nama : <input required type="text" name="nama" value="">
<p>Captcha : <input required type="text" name="captcha" id="captcha" value="">
<p><canvas id="myCanvas" width="150" height="60" style="border:1px solid #d3d3d3;">
Your browser does not support the HTML5 canvas tag.
</canvas>
<p>
</form>
<input onclick="submit()"; type="button" value="Submit">
<input onclick="acak_captcha()" type="button" value="Reset captcha">
<p><strong>Note:</strong> canvas tag is not supported in Internet
Explorer 8 and earlier versions.</p>
</body>
</html>
berikut hasilnya
Pertanyaannya apakah captcha dengan javascript ini aman? jawaban sudah pasti TIDAK aman apalagi di browser desktop, tapi mudah-mudahan bermanfaat, hehe namanya juga iseng iseng hahaha. next deh sy buat yg lebih aman
