Random Color Generator – JavaScript

Denne opplæringen vil demonstrere prosedyren for å generere tilfeldige farger i JavaScript.

Hvordan generere tilfeldig farge i JavaScript?

For å generere tilfeldig farge i JavaScript, bruk ' Math.random()*16 ” metode som lager et tilfeldig tall mellom 0 og 16. Dette er fordi det er én måte å generere en tilfeldig heksadesimal verdi, som kan brukes til å lage en tilfeldig farge.

Eksempel 1: Generer tilfeldig farge
I en HTML-fil vil vi lage en beholder og legge til et -element som genererer de tilfeldige fargene ved å klikke på knappen:

< span id = 'colorContainer' >
< knappen ID = 'btn' > Klikk for å generere tilfeldig farge knapp >
span >

Legg nå til koden nedenfor i JavaScript-filen eller

---

• Først har vi definert en funksjon ' colorGenerator() ' hvor vi lager en ' heksede siffer ” rekke heksadesimale tall fra 0 til 9 og A til F.
• Lag en variabel ' fargekode '.
• Deretter bruker du ' til ”-løkke, på hver iterasjon, metodene til Matte Objekt genererer et tilfeldig tall mellom 0 og 16.
• Gi det resulterende indeksnummeret til 'hexDigits' og lagre den tilsvarende indeksverdien i 'colorCode'-variabelen.
• Prosessen vil gjentas 6 ganger for å lage en 6-sifret kode.
• Til slutt, legg til denne koden med ' # ” signere og gå tilbake til funksjonen.

Legg nå ved ' addEventListener() ”-metoden på knappens klikkhendelse. Kalle den definerte funksjonen ' colorGenerator() for å endre bakgrunnsfargen til hele kroppen:

btn. addEventListener ( 'klikk' , ( ) => {
dokument. kropp . stil . bakgrunnsfarge = fargegenerator ( ) ;
} ) ;

Produksjon

Eksempel 2: Generer tilfeldig farge med kode
Her vil vi skrive ut den tilsvarende tilfeldig genererte fargekoden med fargen ved å bruke ' indreHTML ' eiendom:

btn. addEventListener ( 'klikk' , ( ) => {
dokument. kropp . stil . bakgrunnsfarge = fargegenerator ( ) ;
dokument. getElementById ( 'fargekode' ) . indreHTML = fargegenerator ( ) ;
} ) ;

Utgangen viser tilsvarende fargekode med den relevante bakgrunnsfargen til kroppen:

Det handlet om den tilfeldige fargegeneratoren i JavaScript.

Konklusjon

For å generere tilfeldig farge i JavaScript, lag en 6-sifret kode ved å bruke ' Matte ' objektmetoder i ' til ' Løkke. Ved hver iterasjon genereres et fargekodesiffer og etter-økes i en variabel. Denne fargekoden returneres med '#' i begynnelsen. Denne opplæringen demonstrerte prosedyren for å generere tilfeldige farger i JavaScript.