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

JavaScriptでランダムに色を変更する


JavaScript関数を作成する必要があります。たとえば、呼び出されるたびにランダムに生成された16進色を返す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はそのままの列挙型をサポートしていません。 javaScriptで列挙型を使用する唯一の方法は、オブジェクトを使用して列挙型を実装することです。 以下は、JavaScriptで列挙型を示すコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-

  2. JavaScript-href値を取得

    URLが次のアンカータグがあるとします- <a class="demo" title="get the url" href="./mainPage.jsp/1245">href value at console</a> URL値、つまりhref属性値のみを取得する必要があります。これには、attr()-を使用します attr('href') 例 以下はコードです- <!DOCTYPE html> <html lang="en"> <head&