जावास्क्रिप्ट में यादृच्छिक रंग उत्पन्न करने के लिए सिंटैक्स निम्नलिखित है -
$("#yourIdName").css("background-color", yourCustomFunctionNameToGetRandomColor()); निम्नलिखित जावास्क्रिप्ट कोड है -
उदाहरण
<!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) को सहेजें और फ़ाइल पर राइट क्लिक करें और वीएस कोड संपादक में लाइव सर्वर के साथ खुले विकल्प का चयन करें।
डिफ़ॉल्ट रूप से, यह पीला रंग देगा, और जब आप बटन पर क्लिक करेंगे, तो यादृच्छिक रंग प्रदर्शित होगा। निम्नलिखित आउटपुट है -
आउटपुट
बटन क्लिक करने के बाद नमूना आउटपुट का स्नैपशॉट निम्नलिखित है यादृच्छिक रंग प्राप्त करने के लिए बटन पर क्लिक करें -
ऊपर, हमने सफलतापूर्वक यादृच्छिक रंग उत्पन्न किया।