انجمن کدستانMoisrex

<script>

function make(){

localStorage.cv=''

document.getElementById('cv').innerHTML='<canvas id="c_img"></canvas>'

var c= document.getElementById('c_img');

var ctx = c.getContext('2d');

ctx.clearRect(0, 0, 110, 35);

var text='a 0 b 1 c d 2 e f g h i j 4 k l 5 m n 0 o 3 p 6 q r s t u 7 v w x 8 y z 9'.split(" ");

var r=''+text[Math.floor(Math.random() *text.length)]+''+text[Math.floor(Math.random() *text.length)]+''+text[Math.floor(Math.random() *text.length)]+''+text[Math.floor(Math.random() *text.length)]+'';

localStorage.cv=''+r+''

ctx.textAlign = 'center';

ctx.font='70px tahoma';

s=20;

for(x=0;x<4;x++){

var j=''+Math.floor(Math.random() *250);+''

var g=''+Math.floor(Math.random() *250);+''

var b=''+Math.floor(Math.random() *250);+''

var all_1 ='rgba('+j+','+g+','+b+',1)';

ctx.fillStyle = ''+all_1+'';

n=r.split("");

s=s+60;

ctx.fillText(''+n[x]+' ',''+s+'',90);

}

}

window.onload=make;

function ok(){

var v= document.getElementById('val').value;

var c= document.getElementById('check');

var r=localStorage.cv;

if(v==''+r+''){

c.style.display='block'

c.className='check_0'

c.innerHTML='درست است'

}

else{

c.style.display='block'

c.className='check_1'

c.innerHTML='درست نیست'

}

}

</script>

<style>

.main{

width: 200px;

position: relative;

margin: 0px auto;

}

#c_img{

width:110px;

height: 35px;

border: solid 1px #000000;

float: left;

}

.check_0{

text-align: center;

padding: 5px;

background-color: rgba(64, 186, 64, 0.3);

border: solid 1px rgba(64, 186, 64, 1);

border-radius:5px;

color: rgba(64, 186, 64, 1);

font-family: b yekan;

margin-top: 10px;

display: none;

}

.check_1{

text-align: center;

padding: 5px;

background-color: rgba(186, 59, 74, 0.3);

border: solid 1px rgba(186, 59, 74, 1);

border-radius:5px;

color: rgba(186, 59, 74, 1);

font-family: b yekan;

margin-top: 10px;

}

</style>

<div class="main" >

<button onclick="make();">تصویر جدید</button> <div id="cv"><canvas id="c_img" ></canvas></div> <input id="val" ><button onclick="ok();">تایید</button>

<div class="check_0" id="check" >درست است!</div>

c.style.display='block';

c.className='check_1';

c.innerHTML='درست نیست';

upload();