رینڈم کلر جنریٹر - جاوا اسکرپٹ

یہ ٹیوٹوریل جاوا اسکرپٹ میں بے ترتیب رنگ پیدا کرنے کے طریقہ کار کو ظاہر کرے گا۔

جاوا اسکرپٹ میں رینڈم کلر کیسے تیار کیا جائے؟

جاوا اسکرپٹ میں بے ترتیب رنگ پیدا کرنے کے لیے، استعمال کریں ' Math.random()*16 ” طریقہ جو 0 اور 16 کے درمیان ایک بے ترتیب نمبر بناتا ہے۔ اس کی وجہ یہ ہے کہ یہ بے ترتیب ہیکسا ڈیسیمل ویلیو بنانے کا ایک طریقہ ہے، جسے بے ترتیب رنگ بنانے کے لیے استعمال کیا جا سکتا ہے۔

مثال 1: بے ترتیب رنگ پیدا کریں۔
ایک HTML فائل میں، ہم ایک کنٹینر بنائیں گے اور ایک عنصر شامل کریں گے جو بٹن کے کلک پر بے ترتیب رنگ پیدا کرتا ہے:

< اسپین آئی ڈی = 'رنگ کنٹینر' >
< بٹن آئی ڈی = 'بی ٹی این' > بے ترتیب رنگ پیدا کرنے کے لیے کلک کریں۔ بٹن >
مدت >

اب، نیچے دیا گیا کوڈ جاوا اسکرپٹ فائل یا

---

• سب سے پہلے، ہم نے ایک فنکشن کی وضاحت کی ہے ' کلر جنریٹر() 'جہاں ہم ایک بناتے ہیں' hexDigits 0 سے 9 اور A سے F تک ہیکساڈیسیمل نمبروں کی صف۔
• ایک متغیر بنائیں ' کلر کوڈ '
• پھر، استعمال کرتے ہوئے ' کے لیے 'لوپ، ہر تکرار پر، کے طریقے' ریاضی آبجیکٹ 0 سے 16 کے درمیان بے ترتیب نمبر تیار کرتا ہے۔
• نتیجے میں آنے والے انڈیکس نمبر کو 'ہیکس ڈیجیٹس' میں منتقل کریں اور متعلقہ انڈیکس ویلیو کو 'colorCode' متغیر میں محفوظ کریں۔
• 6 ہندسوں کا کوڈ بنانے کے لیے یہ عمل 6 بار دہرایا جائے گا۔
• آخر میں، اس کوڈ کو ' کے ساتھ شامل کریں # سائن کریں اور فنکشن پر واپس جائیں۔

اب، منسلک کریں ' AddEventListener() بٹن کے کلک ایونٹ پر طریقہ۔ متعین فنکشن کو کال کریں ' کلر جنریٹر() پورے جسم کے پس منظر کا رنگ تبدیل کرنے کے لیے:

بی ٹی این EventListener شامل کریں۔ ( 'کلک' , ( ) => {
دستاویز جسم . انداز . پس منظر کا رنگ = کلر جنریٹر ( ) ;
} ) ;

آؤٹ پٹ

مثال 2: کوڈ کے ساتھ بے ترتیب رنگ پیدا کریں۔
یہاں، ہم 'کا استعمال کرتے ہوئے رنگ کے ساتھ تصادفی طور پر تیار کردہ رنگ کے کوڈ کو پرنٹ کریں گے۔ اندرونی ایچ ٹی ایم ایل جائیداد:

بی ٹی این EventListener شامل کریں۔ ( 'کلک' , ( ) => {
دستاویز جسم . انداز . پس منظر کا رنگ = کلر جنریٹر ( ) ;
دستاویز getElementById ( 'رنگ کوڈ' ) . اندرونی ایچ ٹی ایم ایل = کلر جنریٹر ( ) ;
} ) ;

آؤٹ پٹ جسم کے متعلقہ پس منظر کے رنگ کے ساتھ متعلقہ رنگ کوڈ دکھاتا ہے:

یہ سب جاوا اسکرپٹ میں بے ترتیب رنگ جنریٹر کے بارے میں تھا۔

نتیجہ

جاوا اسکرپٹ میں بے ترتیب رنگ پیدا کرنے کے لیے، استعمال کرتے ہوئے 6 ہندسوں کا کوڈ بنائیں۔ ریاضی 'میں آبجیکٹ کے طریقے' کے لیے 'لوپ. ہر تکرار پر، ایک کلر کوڈ کا ہندسہ تیار ہوتا ہے اور متغیر میں پوسٹ انکریمنٹ ہوتا ہے۔ یہ کلر کوڈ شروع میں '#' کے ساتھ واپس آتا ہے۔ اس ٹیوٹوریل نے جاوا اسکرپٹ میں بے ترتیب رنگ پیدا کرنے کے طریقہ کار کو دکھایا۔