Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> JavaScript

JavaScript से रैंडम हेक्स कलर कोड उत्पन्न करें


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>

आउटपुट

JavaScript से रैंडम हेक्स कलर कोड उत्पन्न करें

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

JavaScript से रैंडम हेक्स कलर कोड उत्पन्न करें


  1. जावास्क्रिप्ट में रैंडम कलर जेनरेटर जावास्क्रिप्ट में रैंडम कलर जेनरेटर

    परिचय जावास्क्रिप्ट में रैंडम कलर जेनरेट करने के लिए, हम हेक्साडेसिमल कैरेक्टर्स (0-9, A-F) से 6-कैरेक्टर स्ट्रिंग बनाते हैं और इसे # से प्रीफिक्स करते हैं। यह element.style.backgroundColor या jQuery के .css() के माध्यम से एलिमेंट की पृष्ठभूमि पर लागू किया जा सकता है। उदाहरण <!DOCTYPE html>

  1. JavaScript में एन्यूमरेटेड टाइप्स (Enumerated Types) समझाएं JavaScript में एन्यूमरेटेड टाइप्स (Enumerated Types) समझाएं

    JavaScript बॉक्स से बाहर Enums को सपोर्ट नहीं करता। JavaScript में enums होने का एकमात्र तरीका ऑब्जेक्ट्स का उपयोग करके उन्हें इम्प्लीमेंट करना है।JavaScript में एन्यूमरेटेड टाइप्स दर्शाने का कोड:उदाहरण<!DOCTYPE html> <html lang="hi"> <head> <meta charset="UTF-8&q

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

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