Ratkaistu: javascriptin satunnainen värigeneraattori

Viimeisin päivitys: 09/11/2023

Satunnaisvärigeneraattorin suurin ongelma on, että se ei ole todella satunnainen. Jos kaksi eri väriä luodaan samanaikaisesti, ne ovat väriltään lähellä toisiaan.

var colors = ['#FF0000','#00FF00','#0000FF'];

var rand = Math.floor(Math.random()*colors.length);

document.bgColor = colors[rand];

Tämä koodirivi asettaa asiakirjan taustavärin satunnaiseen väriin taulukosta. Sarjassa on kolme väriä, punainen, vihreä ja sininen. Koodirivi luo ensin muuttujan nimeltä rand ja asettaa sen yhtä suureksi satunnaisluvuksi välillä 0 ja 2. Sen jälkeen se asettaa asiakirjan taustaväriksi väritaulukon värin indeksissä, joka on yhtä suuri kuin rand.

Värien käsittely JavaScriptissä

Värien käsitteleminen JavaScriptissä voi olla hieman hankalaa. On olemassa muutamia erilaisia ​​tapoja tehdä se, ja jokaisella on omat etunsa ja haittansa.

Yksi tapa käsitellä värejä JavaScriptissä on käyttää luomiesi objektien väriominaisuuksia. Voit esimerkiksi luoda punaisen objektin seuraavasti:

var red = { väri : 'punainen' };

Tämän jälkeen voit käyttää väri-ominaisuutta saadaksesi kohteen värin seuraavasti:

punainen. väri; // "punainen"

Satunnaistoiminto

JavaScriptin satunnaisfunktio on funktio, joka palauttaa satunnaisluvun. Tämä voi olla hyödyllistä luotaessa yksilöllisiä numeroita tai luotaessa satunnaistettuja testejä.

Related viestiä: