Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScriptでランダムな16進色を生成する

呼び出されるたびにランダムに生成された16進色を返すJavaScript関数randomColorを作成する必要があります。

したがって、この関数のコードを書いてみましょう-

例

このためのコードは-

になります 
const randomColor = () => {
   let color = '#';
   for (let i = 0; i < 6; i++){
      const random = Math.random();
      const bit = (random * 16) | 0;
      color += (bit).toString(16);
   };
   return color;
};
console.log(randomColor());
console.log(randomColor());
console.log(randomColor());
console.log(randomColor());
console.log(randomColor());
console.log(randomColor());
console.log(randomColor());

出力

コンソールの出力は-

になります 
#762b46
#cfa0bf
#a20ee1
#c2f7e0
#5d5822
#380f30
#805408

  1. JavaScriptのランダムカラージェネレーター

    以下は、JavaScriptでランダムな色を生成するための構文です- $("#yourIdName").css("background-color", yourCustomFunctionNameToGetRandomColor()); 以下はJavaScriptコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport&qu

  2. JavaScriptで列挙型を説明します。

    JavaScriptはそのままの列挙型をサポートしていません。 javaScriptで列挙型を使用する唯一の方法は、オブジェクトを使用して列挙型を実装することです。 以下は、JavaScriptで列挙型を示すコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-