JS 4 비트 랜 덤 인증 코드 구현
대소 문자 와 숫자 를 가리 지 않 고 4 자리 무 작위 수 를 무 작위 로 작성 합 니 다.
CSS 스타일
p{
width: 60px;
height: 20px;
display: inline-block;
letter-spacing: 3px;
border: 1px solid red;
}
#div{
height: 20px;
margin-bottom: 10px;
}
#btn,p:hover{
cursor: default;
}
button{
display: block;
}
주체 부분
<div id="box">
<input type="text" id="int" />
<p id="p"></p>
<div id="div"></div>
<button id="btn"> </button>
</div>
JS 부분
//
function random(max,min){
return Math.round(Math.random()*(max-min)+min);
}
// 4
function code(){
// 、
var str="1234567890qwertyuioplkjhgfdsazxcvbnmQWERTYUIOPLKJHGFDSAZXCVBNM";
//
var res='';
// 4 , 4
for(var i=0;i<4;i++){
// , ,0 ,62
res+=str[random(0,62)];
}
p.innerHTML=res;
}
code(); //
p.onclick=code; //
//
btn.onclick=function(){
var int=document.getElementById("int").value;//
var p=document.getElementById("p").innerText;//
// ( )
if(int.toUpperCase()==p.toUpperCase()){
div.innerHTML=" ";
}else{
div.innerHTML=" ";
}
}
실현 결과총결산
Math.round():반올림
Math.random():난수
toUpperCase():문자열 을 대문자 로 변환 합 니 다.
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
[2022.04.19] 자바스크립트 this - 생성자 함수와 이벤트리스너에서의 this18일에 this에 대해 공부하면서 적었던 일반적인 함수나 객체에서의 this가 아닌 오늘은 이벤트리스너와 생성자 함수 안에서의 this를 살펴보기로 했다. new 키워드를 붙여 함수를 생성자로 사용할 때 this는...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.