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

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

以下は、JavaScriptでランダムな色を生成するための構文です-

$("#yourIdName").css("background-color", yourCustomFunctionNameToGetRandomColor());

以下はJavaScriptコードです-

例

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>
<div id="chooseColor" style="width:100px;height:100px;background-color:#FF0"></div>
<button onclick="pickRandomColor()">Click the button to get random color</button>
</body>
<script>
   //The getColorCode() will give the code every time.
   function getColorCode() {
      var makeColorCode = '0123456789ABCDEF';
      var code = '#';
      for (var count = 0; count < 6; count++) {
         code =code+ makeColorCode[Math.floor(Math.random() * 16)];
      }
      return code;
   }
   //Function call on button click.
   function pickRandomColor() {
      $("#chooseColor").css("background-color", getColorCode());
   }
</script>
</html>

上記のプログラムを実行するには、ファイル名anyName.html（index.html）を保存し、ファイルを右クリックして、VSコードエディターで[ライブサーバーで開く]オプションを選択します。

デフォルトでは黄色になり、ボタンをクリックするとランダムな色が表示されます。以下は出力です-

出力

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

以下は、ボタンをクリックした後のサンプル出力のスナップショットです。ボタンをクリックしてランダムな色を取得します −

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

上記では、ランダムな色を正常に生成できました。


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

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

  2. 乱数ジェネレーターまたは RNG とは?

    乱数ジェネレーターまたは RNG とは? 乱数ジェネレーターは、その名前が示すように、必要なたびに乱数を取得するプロセスであり、以前に生成された数値からパターンを確立することはできません。この数値は、アルゴリズムまたはハードウェア デバイスによって生成される可能性があり、予測可能な結果を​​回避するために非常に重要です。これは、RNG コントローラーがどこに配置されているか誰も知らないため、次の瞬間に何が起こるかわからない地球上の私たちの生活に似ています。 乱数ジェネレーター アルゴリズムは、ビデオ ゲームで一般的に使用され、誰もがプレイするたびに異なる結果を確立します。ゲームで同じレベル