Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> 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>
<style>
   body {
      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
   }
   .result {
      box-sizing: border-box;
      font-size: 18px;
      font-weight: 500;
      color: white;
      width: 150px;
      height: 150px;
      text-align: center;
      padding-top: 4%;
   }
</style>
</head>
<body>
<h1>Generate random hex codes of color</h1>
<button class="Btn">GENERATE</button>
<div class="result"></div>
<h3>
Click on the above button to generate a random hex color code
</h3>
<script>
   let resultEle = document.querySelector(".result");
   let hexCode = "0123456789ABCDEF";
   let Color = "#";
   document.querySelector(".Btn").addEventListener("click", () => {
      for (let i = 0; i < 6; i++)
         Color += hexCode[Math.floor(Math.random() * 16)];
      resultEle.style.backgroundColor = Color;
      resultEle.innerHTML = Color;
   });
</script>
</body>
</html>

आउटपुट

रंग के यादृच्छिक हेक्स कोड उत्पन्न करने के लिए जावास्क्रिप्ट

'जनरेट' बटन पर क्लिक करने पर -

रंग के यादृच्छिक हेक्स कोड उत्पन्न करने के लिए जावास्क्रिप्ट


  1. जावास्क्रिप्ट में यादृच्छिक रंग जनरेटर

    जावास्क्रिप्ट में यादृच्छिक रंग उत्पन्न करने के लिए सिंटैक्स निम्नलिखित है - $("#yourIdName").css("background-color", yourCustomFunctionNameToGetRandomColor()); निम्नलिखित जावास्क्रिप्ट कोड है - उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta

  1. जावास्क्रिप्ट में एन्यूमरेटेड टाइप्स को समझाइए।

    JavaScript आउट ऑफ द बॉक्स Enums का समर्थन नहीं करता है। जावास्क्रिप्ट में एनम रखने का एकमात्र तरीका वस्तुओं का उपयोग करके उन्हें लागू करना है। निम्नलिखित कोड जावास्क्रिप्ट में प्रगणित प्रकार दिखा रहा है - उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset=&q

  1. टिंकर में डिफ़ॉल्ट विंडो रंग टिंकर और हेक्स रंग कोड

    पृष्ठभूमि रंग, अग्रभूमि रंग, चौड़ाई, ऊंचाई इत्यादि जैसे गुणों और विशेषताओं को जोड़कर एक टिंकर विंडो को अनुकूलित किया जा सकता है। config() . में रंग विशेषता मुख्य विंडो के डिफ़ॉल्ट रंग को परिभाषित करता है। हम या तो हेक्स रंग (उदाहरण के लिए, #000 काले रंग के लिए) या रंग का नाम परिभाषित करके विंडो का