Random Color Generator — JavaScript

Šajā apmācībā tiks parādīta nejaušu krāsu ģenerēšanas procedūra JavaScript.

Kā ģenerēt izlases krāsas JavaScript?

Lai ģenerētu izlases krāsas JavaScript, izmantojiet ' Math.random()*16 ” metodi, kas izveido nejaušu skaitli no 0 līdz 16. Tas ir tāpēc, ka tas ir viens no veidiem, kā ģenerēt nejaušu heksadecimālo vērtību, ko var izmantot, lai izveidotu nejaušu krāsu.

1. piemērs: ģenerējiet izlases krāsu
HTML failā mēs izveidosim konteineru un pievienosim elementu , kas ģenerē nejaušās krāsas, noklikšķinot uz pogas:

< span id = 'krāsu konteiners' >
< pogas id = 'btn' > Noklikšķiniet, lai ģenerētu nejaušas krāsas pogu >
span >

Tagad pievienojiet tālāk norādīto kodu JavaScript failā vai tagā

---

• Pirmkārt, mēs esam definējuši funkciju ' krāsu ģenerators () kur mēs izveidojam heksacipari ” heksadecimālo skaitļu masīvs no 0 līdz 9 un A līdz F.
• Izveidojiet mainīgo ' krāsas kods ”.
• Pēc tam, izmantojot ' priekš ” cilpa, katrā iterācijā, metodes Matemātika ” Objekts ģenerē nejaušu skaitli no 0 līdz 16.
• Nododiet iegūto indeksa numuru “hexDigits” un saglabājiet atbilstošo indeksa vērtību mainīgajā “colorCode”.
• Process tiks atkārtots 6 reizes, lai izveidotu 6 ciparu kodu.
• Visbeidzot pievienojiet šo kodu ar ' # ” zīmi un atgriezieties pie funkcijas.

Tagad pievienojiet ' addEventListener() ” metodi pogas noklikšķināšanas notikumā. Izsaukt definēto funkciju ' krāsu ģenerators () ” lai mainītu visa ķermeņa fona krāsu:

btn. addEventListener ( 'klikšķis' , ( ) => {
dokumentu. ķermeni . stils . fona krāsa = krāsu ģenerators ( ) ;
} ) ;

Izvade

2. piemērs: ģenerējiet izlases krāsu ar kodu
Šeit mēs izdrukāsim atbilstošo nejauši ģenerētu krāsu kodu ar krāsu, izmantojot ' innerHTML ” īpašums:

btn. addEventListener ( 'klikšķis' , ( ) => {
dokumentu. ķermeni . stils . fona krāsa = krāsu ģenerators ( ) ;
dokumentu. getElementById ( 'krāsu kods' ) . innerHTML = krāsu ģenerators ( ) ;
} ) ;

Izvade parāda atbilstošo krāsu kodu ar attiecīgo korpusa fona krāsu:

Tas viss bija par izlases krāsu ģeneratoru JavaScript.

Secinājums

Lai JavaScript ģenerētu izlases krāsu, izveidojiet 6 ciparu kodu, izmantojot “ Matemātika ' objektu metodes sadaļā ' priekš ” cilpa. Katrā iterācijā tiek ģenerēts krāsu koda cipars un pēc tam tiek palielināts mainīgais. Šis krāsas kods tiek atgriezts ar “#” sākumā. Šajā apmācībā tika parādīta nejaušu krāsu ģenerēšanas procedūra JavaScript.