JavaScript-Funktion kapselt zufälligen Farbüberprüfungscode (vollständiger Code)

JavaScript-Funktion kapselt zufälligen Farbüberprüfungscode (vollständiger Code)

Ein n-stelliger Bestätigungscode, der aus Zahlen, Buchstaben oder einer Mischung aus Zahlen und Buchstaben in zufälligen Farben besteht. Unten finden Sie den vollständigen Code. Nehmen Sie ihn, wenn Sie ihn benötigen!

​
Funktion überprüfen(a = 6,b = "num"){
  //Definieren Sie drei zufällige Überprüfungscodes Überprüfungscode-Bibliothek var num = "0123456789"
  var str = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNIPQRSTUVWXYZ"
  var mixin = num + str;
  
  //Definieren Sie eine leere Zeichenfolge zum Speichern des Bestätigungscodes var verify=""
  wenn(a == undefiniert || b == undefiniert){
    //Überprüfen Sie, ob die Eingabe zulässig ist. Wenn dies fehlschlägt, werfen Sie eine Ausnahme. throw new Error("Parameterexception");
  }anders{
      wenn(a == "" || b==""){
        //Beurteilen, ob der Benutzer keine Eingabe gemacht hat. throw new Error("Ungültiger Parameter.");
      }anders{
        //Erkennen Sie den Eingabetyp, um zu bestimmen, ob var typea = typeof(a); eingegeben werden soll.
        var Typb = Typ von (b);
        wenn(Typa == "Zahl" && Typb == "Zeichenfolge"){
            wenn(b == "Zahl"){
                  
                //Definieren Sie eine Schleife zum Empfangen des Bestätigungscodes rein digitaler Bestätigungscode for(var i=0;i<a;i++){
                     //Definieren Sie eine Variable zum Speichern des Zufallswerts der Farbe var r1 = Math.random()*255;
                     var g1 = Math.random()*255;
                     var b1 = Math.random()*255;
 
                     //Den Zufallsindex bestimmen var index = Math.floor(Math.random()*(num.length-1))
                     //Den zufälligen Verifizierungscode bestimmen var char = num[index];
                     //Dem zufälligen Verifizierungscode Farbe hinzufügen verify += `<span style ='color:rgb(${r1},${g1},${b1})'>${char}</span>`
                 }
                 //Kehre zum Array selbst zurück return verify;
            }sonst wenn(b == "str"){
                 für(var i=0;i<a;i++){
                   //Verifizierungscode für reine Buchstaben var r1 = Math.random()*255;
                    var g1 = Math.random()*255;
                    var b1 = Math.random()*255;
 
                    var index = Math.floor(Math.random()*(str.length-1));
                    var char = str[index];
 
                    überprüfen += `<span style ='color:rgb(${r1},${g1},${b1})'>${char}</span>`
                 }
                 Rückgabe überprüfen;   
            }sonst wenn(b == "mixin"){
                 // Gemischter Verifizierungscode for(var i=0;i<a;i++){
                    var r1 = Math.random()*255;
                    var g1 = Math.random()*255;
                    var b1 = Math.random()*255;
 
                    var index = Math.floor(Math.random()*(mixin.length-1));
                    var char = mixin[index];
 
                    überprüfen += `<span style ='color:rgb(${r1},${g1},${b1})'>${char}</span>`
                }
                Rückgabe überprüfen;
            }anders{
                //Wenn die Überprüfung fehlschlägt, wird eine Ausnahme ausgelöst. throw new Error("Der Eingabetyp ist unzulässig.")
            }
        
        }anders{
            //Wenn die Überprüfung fehlschlägt, wird eine Ausnahme ausgelöst. throw new Error("Der Eingabetyp ist unzulässig.")
        }
      }
  }
}
 
​

Versuchen wir, die Funktion aufzurufen

  //Der erste Wert ist die vom Benutzer eingegebene Länge und der zweite ist der Typ! 
 var arr = überprüfen(8,"mixin");
     Dokument.schreiben(arr) 

Oben ist das Ergebnis!

Ich habe dies zur Vereinfachung der zukünftigen Verwendung aufgezeichnet. Ich hoffe auch, dass die Großen mehr kommunizieren, mehr Nachrichten hinterlassen und auf meine Mängel hinweisen!

Freunde in Not können es studieren! !

Dies ist das Ende dieses Artikels über die JavaScript-Funktionskapselung von zufälligem Farbüberprüfungscode. Weitere verwandte Inhalte zur JS-Funktionskapselung von Farbüberprüfungscode finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft 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 implementiert die Generierung eines 4-stelligen zufälligen Bestätigungscodes
  • JavaScript klickt auf die Schaltfläche, um einen 4-stelligen zufälligen Bestätigungscode zu generieren

<<:  33 Eis- und Schnee-Schriftarten zum Download empfohlen (privat und kommerziell)

>>:  CSS-Beispielcode mit Suchnavigationsleiste

Artikel empfehlen

MySQL Null kann 5 Probleme verursachen (alle schwerwiegend)

Inhaltsverzeichnis 1. Zähldaten gehen verloren Lö...

Detaillierte Erklärung der MySQL Truncate-Verwendung

Inhaltsverzeichnis MySQL Truncate-Verwendung 1. T...

html+css+js zur Realisierung der Funktion der Fotovorschau und des Bildhochladens

Vorwort: Wenn wir Webseiten erstellen, müssen wir...

Vue implementiert kleine Suchfunktion

In diesem Artikelbeispiel wird der spezifische Co...

Detaillierte Erläuterung des Vue-Router-Routings

Inhaltsverzeichnis 1. Grundlegende Verwendung 2. ...

Vue hält den Benutzer angemeldet (verschiedene Token-Speichermethoden)

Inhaltsverzeichnis So setzen Sie Cookies Nachteil...

Drei Möglichkeiten, das horizontale Div-Layout auf beiden Seiten auszurichten

In diesem Artikel werden hauptsächlich drei Metho...

Detaillierte Diskussion zum Thema mysqldump-Datenexport

1. Bei der Verwendung von mysqldump wird ein Fehl...

Verwendung der MySQL DATE_FORMAT-Funktion

Angenommen, Taobao animiert die Leute zum Einkauf...

Tutorial zur Installation von MYSQL8.X auf Centos

MySQL-Installation (4, 5, 6 können weggelassen we...

Podman bootet den Container automatisch und vergleicht ihn mit Docker

Inhaltsverzeichnis 1. Einführung in Podman 2. Vor...