हमें एक फ़ंक्शन लिखना है जो दो दिए गए रंगों के बीच एक रैंडम रंग उत्पन्न करता है। आइए इस समस्या को भागों में हल करते हैं -
पहला → हम एक फ़ंक्शन लिखते हैं जो दो दी गई संख्याओं के बीच एक रैंडम संख्या उत्पन्न करता है।
दूसरा → हेक्स स्केल का उपयोग करने के बजाय रैंडम रंग उत्पन्न करने के लिए, हम हेक्स को 0 से 15 दशमलव स्केल पर मैप करेंगे और उसका उपयोग करेंगे।
अंत में → हम दिए गए किसी भी रंग स्ट्रिंग पर लूप करते हैं और एक रैंडम रंग उत्पन्न करते हैं।
उदाहरण
const randomBetween = (a, b) => { const max = Math.max(a, b); const min = Math.min(a, b); return Math.floor(Math.random() * (max - min) + min); }; const randomColor = (firstColor, secondColor) => { first = firstColor.toUpperCase().substring(1, secondColor.length); second = secondColor.toUpperCase().substring(1, firstColor.length); const scale = '0123456789ABCDEF'; let color = '#'; for(let i = 0; i < first.length && i < second.length; i++ ){ const random = randomBetween(scale.indexOf(first[i]), scale.indexOf(second[i])); color += scale[random]; }; return color; }; console.log(randomColor('#34324a', '#42342c')); console.log(randomColor('#f43250', '#12342c')); console.log(randomColor('#34324a', '#47942c')); console.log(randomColor('#ffffff', '#000000'));कंसोल में संभावित आउटपुट निम्नलिखित है -
नोट - यह कई संभावित आउटपुट में से केवल एक है क्योंकि आउटपुट हर बार रैंडम होता है।
आउटपुट
#33332A #C23328 #36822B #35102A
