JavaScript implementiert die Generierung eines 4-stelligen zufälligen Bestätigungscodes

In diesem Artikelbeispiel wird der spezifische Code für JavaScript zur Generierung eines 4-stelligen zufälligen Bestätigungscodes zu Ihrer Information geteilt. Der spezifische Inhalt ist wie folgt

Code:

<!doctype html>
<html>
<Kopf>
<meta charset="utf-8">
<title>4-stelligen zufälligen Bestätigungscode generieren</title>
<Stil>
 Etikett{
 Farbe: Aqua;
 schweben: links;
 Schriftgröße: 20px;
 Zeilenhöhe: 2em;
 }
 #tex{
 Anzeige: Inline-Block;
 Breite: 50px;
 Höhe: 25px;
 schweben: links;
 Textausrichtung: zentriert;
 Schriftgröße: 15px;
 Rand oben: 10px;
 }
 #auffälligz{
 Rand: 3px, durchgehend grün;
 Farbe: blau;
 Breite: 90px;
 Höhe: 40px;
 Textausrichtung: zentriert;
 schweben: links;
 Rand links: 15px;
 Zeilenhöhe: 2,5em;
 
 }
 #hyz{
 Hintergrundfarbe: Burlywood;
 Rand: 1px massives Maserholz;
 Breite: 50px;
 Höhe: 20px;
 schweben: links;
 Rand links: 20px;
 Rand oben: 10px;
 Rand rechts: 15px;
 }
 #btn{
 
 }
</Stil>
</Kopf>
<Text>
<label for="tex">Bitte geben Sie den Bestätigungscode ein:</label><input type="text" id="tex" maxlength="4" autofocus>
<div id="showyz"></div>
<div id="hyz">Eine ändern</div><br>
<input type="button" id="btn" value="Bestätigen">
</body>
<Skript>
//Definieren Sie ein leeres Array, um 62 Codes zu speichern. var codes=[];
//Speichere den der Nummer entsprechenden Code im Code-Array, der digitale Codebereich ist [48-57]
für(var i=48;i<=57;i++){
 Codes.push(i);
}
//Speichere die Codes, die den Großbuchstaben entsprechen, im Code-Array, entsprechend dem Codebereich [65-90]
für(var i=65;i<=90;i++){
 Codes.push(i);
}
//Speichere die Codes, die den Kleinbuchstaben entsprechen, im Code-Array, entsprechend dem Codebereich [97-122]
für(var i=97;i<=122;i++){
 Codes.push(i);
}
//Definiere eine Methode zum Generieren einer 62-Bit-Zufallszahl als Array-Index, gebe einen Zufallscode zurück und konvertiere den Code anschließend in eine entsprechende Zahlen- oder Buchstabenfunktion suiji(){
var arr=[]; //definiere ein Array zum Speichern von 4-Bit-Zufallszahlen for(var i=0;i<4;i++){
 var index = Math.floor(Math.random()*(61-0+1)+0); //Eine Zufallszahl generieren var char = String.fromCharCode(codes[index]); //Dekodieren arr.push(char); //Im Array arr speichern }
 return arr.join(""); //Konvertiere das Array in einen String, getrennt durch Leerzeichen, und kehre zurück }
var yzm=suiji();//Methode aufrufen, um den Bestätigungscode an yzm zurückzugeben//Oben genanntes Element abrufen var tex=document.getElementById("tex");
var showyz=document.getElementById("showyz");
var hyz = document.getElementById("hyz");
var btn = document.getElementById("btn");
//Schreibe den Bestätigungscode in das Div mit der ID showyzshowyz.innerHTML=yzm;
//Funktion zum Ändern des Bestätigungscodes realisieren hyz.onclick=function(){
 yzm=suiji();
 zeigeyz.innerHTML=yzm;
}
//Vergleichen Sie den eingegebenen Bestätigungscode mit dem zufällig erhaltenen Bestätigungscode btn.onclick=function(){
 var textvalue=tex.value;//Eingabewert abrufen if(textvalue.toLowerCase()==yzm.toLowerCase()){//Alle Werte zum Vergleich in Kleinbuchstaben umwandeln alert("Eingabe des Prüfcodes ist korrekt!");
 yzm=suiji();
  zeigeyz.innerHTML=yzm;
 tex.value="";
 }
 anders{
 alert("Die Eingabe des Bestätigungscodes ist falsch, bitte erneut eingeben!");
 yzm=suiji();
  zeigeyz.innerHTML=yzm;
 tex.value="";
 }
}
</Skript>
</html>

Das Obige ist der vollständige Inhalt dieses Artikels. Ich hoffe, er wird für jedermanns Studium hilfreich sein. Ich hoffe auch, dass jeder 123WORDPRESS.COM unterstützen wird.

Das könnte Sie auch interessieren:

JS implementiert die zufällige Generierung von Bestätigungscodes
JavaScript implementiert die zufällige Generierung von Bestätigungscode und Bestätigung
JavaScript klickt auf die Schaltfläche, um einen 4-stelligen zufälligen Bestätigungscode zu generieren
JavaScript-Funktion kapselt zufälligen Farbüberprüfungscode (vollständiger Code)

<<: Grundlegende Operationen der MySQL-Lernnotizentabelle

>>: Detaillierte Erläuterung der grundlegenden Docker-Netzwerkkonfiguration