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

So verwenden Sie Javascript zum Generieren glatter Kurven

Inhaltsverzeichnis Vorwort Einführung in Bézierku...

So lösen Sie das Problem des Randkollapses in CSS

Betrachten wir zunächst drei Situationen, in dene...

5 einfache XHTML-Webformulare für Webdesign

Einfaches XHTML-Webformular im Webdesign 5. Techn...

So verwenden Sie Node zum Implementieren des statischen Datei-Cachings

Inhaltsverzeichnis Cache Klassifizierung des Cach...

Implementierung von Single-Div-Zeichentechniken in CSS

Sie können häufig Artikel über das Zeichnen mit C...

So verwenden Sie Docker zum lokalen Verpacken und Bereitstellen von Images

Erste Verwendung von Docker zum lokalen Verpacken...

Die Vor- und Nachteile von Nginx und LVS und ihre geeignete Nutzungsumgebung

Lassen Sie uns zu Beginn darüber sprechen, was La...

MySQL 8.0.15 Installations-Tutorial für Windows 64-Bit

Gehen Sie zunächst zum Herunterladen auf die offi...

So verwenden Sie den VIM-Editor unter Linux

Als leistungsstarker Editor mit umfangreichen Opt...

So implementieren Sie Vue Page Jump

1. dies.$router.push() 1. Ansicht <Vorlage>...