ランダムな 16 進数カラーコード

JavaScriptJavaScriptBeginner
今すぐ練習

This tutorial is from open-source community. Access the source code

💡 このチュートリアルは英語版からAIによって翻訳されています。原文を確認するには、 ここをクリックしてください

はじめに

この実験では、JavaScript プログラミング言語の基本を学んでいきます。この実験の目的は、JavaScript の初心者に対して、変数、データ型、演算子、制御文などのプログラミング概念の基本を学び、理解するための実践的な経験を提供することです。この実験が終了するとき、あなたは JavaScript プログラミングの堅牢な基礎を築き、独自に簡単なプログラムを作成できるようになります。


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") subgraph Lab Skills javascript/variables -.-> lab-28571{{"ランダムな 16 進数カラーコード"}} javascript/data_types -.-> lab-28571{{"ランダムな 16 進数カラーコード"}} javascript/arith_ops -.-> lab-28571{{"ランダムな 16 進数カラーコード"}} javascript/comp_ops -.-> lab-28571{{"ランダムな 16 進数カラーコード"}} end

ターミナル/SSH でランダムな 16 進数カラーコードを生成する

ターミナル/SSH でランダムな 16 進数カラーコードを生成するには、以下の手順に従ってください。

  1. ターミナル/SSH を開きます。
  2. node と入力します。
  3. 次のコードを使用して、ランダムな 24 ビット (6 * 4 ビット) の 16 進数を生成します。
const randomHexColorCode = () => {
  let n = (Math.random() * 0xfffff * 1000000).toString(16);
  return "#" + n.slice(0, 6);
};
  1. ランダムな 16 進数カラーコードを生成するには、randomHexColorCode() 関数を呼び出します。

例:

randomHexColorCode(); // '#e34155'

これにより、コーディング プロジェクトで使用できるランダムな 16 進数カラーコードが生成されます。

まとめ

おめでとうございます!あなたはランダムな 16 進数カラーコードの実験を完了しました。あなたのスキルを向上させるために、LabEx でさらに多くの実験を行って練習することができます。