JS implements random generation of verification code
|
This article example shares the specific code of JS to achieve random generation of verification codes for your reference. The specific content is as follows
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
</style>
</head>
<body>
<div>
<h1>111111</h1><a href="#" rel="external nofollow" >Can't see clearly, change one</a>
</div>
Verification code: <input type="text" value="" />
<button>OK</button>
</body>
<script>
var arr = ["A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z",
"a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z",
0,1,2,3,4,5,6,7,8,9];
var h1=document.querySelector("h1");
var btn = document.querySelector("button");
var change = document.querySelector("a");
var input = document.querySelector("input");
function fn(){
var arr1=Math.floor(Math.random()*62);
var arr2 = Math.floor(Math.random()*62);
var arr3 = Math.floor(Math.random()*62);
var arr4=Math.floor(Math.random()*62);
var arr5=Math.floor(Math.random()*62);
var arr6=Math.floor(Math.random()*62);
var yz=""+arr[arr1]+arr[arr2]+arr[arr3]+arr[arr4]+arr[arr5]+arr[arr6];
h1.innerHTML=yz;
btn.onclick=function(){
alert(input.value);
if(input.value==yz){
alert("correct");
}else{
alert("error");
}
}
}
fn();
change.addEventListener("click",fn);
</script>
</html> 1. Math.floor() method Math.floor(x) The floor() method returns the largest integer less than or equal to x. If the argument passed is an integer, the value is unchanged. 2. Math.random() method The random() method returns a random number between 0 (inclusive) and 1 (exclusive). The above two methods can be used to realize the function of taking random numbers The above is the full content of this article. I hope it will be helpful for everyone’s study. I also hope that everyone will support 123WORDPRESS.COM. You may also be interested in:
|
<<: Detailed explanation of MySql view trigger stored procedure
Recommend
MySQL 8.0.22 installation and configuration graphic tutorial
MySQL8.0.22 installation and configuration (super...
MySQL 5.7.17 installation and configuration method graphic tutorial (windows)
1. Download the software 1. Go to the MySQL offic...
Detailed explanation of the front-end method of passing parameters between HTML pages
A situation that often occurs in a project is tha...
A brief introduction to Tomcat's overall structure
Tomcat is widely known as a web container. It has...
mysql 8.0.15 winx64 decompression version graphic installation tutorial
Every time after installing the system, I have to...
MySQL 8.0.22 compressed package complete installation and configuration tutorial diagram (tested and effective)
1. Download the zip installation package Click he...
Introduction and use of five controllers in K8S
Table of contents Controller type of k8s Relation...
Design a data collector with vue
Table of contents Scenario Core Issues Status mon...
How to redirect to other pages in html page within two seconds
Copy code The code is as follows: <!DOCTYPE ht...
How to convert MySQL horizontally to vertically and vertically to horizontally
Initialize Data DROP TABLE IF EXISTS `test_01`; C...
25 Ways and Tips to Increase Web Page Loading Speed
Introduction <br />Not everyone has access t...
MySQL DML statement summary
DML operations refer to operations on table recor...
Detailed explanation of CSS3 animation and new features of HTML5
1. CSS3 animation ☺CSS3 animations are much easie...
React event binding details
Table of contents Class component event binding F...
Echarts Bar horizontal bar chart example code
Table of contents Horizontal bar chart Dynamicall...