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
Detailed explanation of Angular routing sub-routes
Table of contents 1. Sub-route syntax 2. Examples...
How to store false or true in MySQL
MySQL Boolean value, stores false or true In shor...
Summary of common Mysql DDL operations
Library Management Create a library create databa...
Detailed tutorial on deploying Hadoop cluster using Docker
Recently, I want to build a hadoop test cluster i...
Vue3 list interface data display details
Table of contents 1. List interface display examp...
Example of using CASE WHEN in MySQL sorting
Preface In a previous project, the CASE WHEN sort...
Practical method of deleting files from Linux command line
rm Command The rm command is a command that most ...
MySQL implements an example method of logging in without a password
Specific method: Step 1: Stop the mysql service /...
A simple method to merge and remove duplicate MySQL tables
Scenario: The crawled data generates a data table...
W3C Tutorial (9): W3C XPath Activities
XPath is a language for selecting parts of XML do...
CSS uses position + margin to achieve the method of horizontal and vertical centering of fixed boxes
margin:auto; + position: absolute; up, down, left...
MySQL database master-slave configuration tutorial under Windows
The detailed process of configuring the MySQL dat...
In-depth understanding of MySQL various locks
Table of contents Lock Overview Lock classificati...
Analysis of permissions required to run docker
Running Docker requires root privileges. To solve...
25 CSS frameworks, tools, software and templates shared
Sprite Cow download CSS Lint download Prefixr dow...