वापसी पर स्वागत है।
इस वीडियो में हम यहाँ आसान और मुश्किल बटन है कि खेल की कठिनाई का असर होगा जोड़ने पर ध्यान केंद्रित करने जा रहे हैं।
तो जब हम पेज लोड कठिन पहले से ही चुना जाता है और हम छह अलग बटन यहाँ या छह अलग-अलग वर्गों में देखते हैं।
और फिर मैं आसान पर क्लिक कर सकते हैं और है कि चयनित रहता है।
और हम केवल तीन चौकों से लेने जाना है।
और फिर मैं दिल के लिए वापस जा सकते हैं।
हम दो बटन जरूरत है कि हम में जोड़कर शुरू करने के लिए जा रहे हैं।
तो मैं अपने एचएमओ में जाने और दो बटन में जोड़ने के लिए जा रहा हूँ।
पहले हम आसान कहूँगा।
दूसरा एक कहना मुश्किल होगा और ताज़ा होगी।
ठीक।
और कहा कि अब के लिए ठीक लग रहा है।
आप हमारे काल में अभी तक कोई लेने की जगह नहीं है पर ध्यान देंगे।
और मैं वहाँ कुछ पाठ को दिखाता है देखते हैं।
यह उन बटन दूर धक्का बाद में स्टाइल पर ध्यान दिया जाएगा, लेकिन वहाँ स्टाइल है कि मैं ध्यान केंद्रित करने की है, जिस पर कर रही है यह चयनित लग रही है जब पेज लोड या जब हम चुन आसान या मुश्किल इसी बटन नीले रहना चाहिए चाहते हैं में से एक तत्व है।
और वैसे भी हम ऐसा है कि एक वर्ग का उपयोग और पर और बंद है कि वर्ग बदल रहा है।
तो मैं यहाँ एक वर्ग को परिभाषित करने के लिए जा रहा हूँ और यह इस शैली स्टाइल यहाँ यह सिर्फ एक रंग होने जा रहा है की तुलना में आसान होने जा रहा है।
इसलिए हमारे पृष्ठभूमि रंग और वर्ग का चयन किया है, क्योंकि यह है कि हम क्या कर रहे हैं कहा जा रहा है।
हम बटन चयनित करने के लिए चयनित वर्ग को जोड़ने रहे हैं।
और यह सिर्फ आप के लिए एक पृष्ठभूमि सेट शुरू करने के लिए किया जा रहा है।
और फिर हम क्या करने के लिए सिर्फ कठिन विधा बटन वर्ग बराबर में चयनित दे रहा है जा रहे हैं।
और अगर हम अपने कोड पर ताज़ा आप देख सकते हैं कि कड़ी मेहनत लगी हुई है।
यह घृणित हाँ है, लेकिन यह कम से कम हमें पता चलता है कि हम कठिन विधा पर हैं।
तो फिर हम क्या करना चाहते कोड एक स्विच जब वे आसान पर क्लिक करें और फिर trickiest हिस्सा तीन रंग दिखा रहा है जब आप आसान और छह रंगों जब आप दिल पर क्लिक करें पर क्लिक करें कि है कि जोड़ें।
ठीक।
यहाँ शुरू हो जाओ।
इसलिए इन बटन वास्तव में हम उन्हें अपने जावास्क्रिप्ट में चयन करने के लिए और फिर कुछ जल्दी श्रोताओं है और कुछ करते हैं और जब उनमें से प्रत्येक क्लिक किया जाता है कुछ कोड को चलाने की जरूरत है काम करने के लिए।
तो चलो यह आसान चयन करने के लिए बनाते हैं और मैं उन्हें एक एक आईडी आसान देकर शुरू करने के लिए जा रहा हूँ।
DTN और फिर कठिन ETN और अगर आप किसी भी लाल झंडे यहाँ देख रहे हैं हम इस बदलते किया जाएगा या अगर आप सोच रहे हैं कि हम भी कई विचारों का उपयोग कर रहे हैं।
हम बस कुछ ही क्षणों में इस पुनर्रचना कर दिया जाएगा।
लेकिन हम दो अलग अलग आईडी के साथ शुरू करने जा रहे हैं।
आसान बटन मुश्किल बटन।
हमारी जावास्क्रिप्ट पर जाएं और उन्हें चुनें।
तो वर आसान ETN Octa के साथ दस्तावेज़ डॉक्टर क्वेरी चयनकर्ता के बराबर होती है।
आसान ETN।
सुनिश्चित करें कि हम चीजों को ही भुनाने बनाओ।
हम वहाँ चलें।
और कठिन और मैं नहीं जानता कि आप के लिए एक ही बात उदात्त में पकड़ा है कि यदि।
आप आसानी से शब्द का चयन करें और आप Kamandi मारा, तो यह तो स्वत: अगले उदाहरण का चयन करेंगे और मैं कर रही है कि उनमें से सभी का चयन करने के लिए रख सकते हैं, लेकिन मैं सिर्फ इन दोनों चाहते हैं और मैं बजाय कठिन टाइप करने के लिए जा रहा हूँ।
इसलिए हम दो बटन है और फिर हम ऐसा कुछ कर सकते हैं।
आसान PTEN घटना श्रोता जोड़ें।
क्लिक करें और सभी हम क्या करने जा रहे हैं सिर्फ चेतावनी है कि आसान बटन सिर्फ इस तरह छोड़ने गया था।
चेतावनी आसान बटन क्लिक किया और सुनिश्चित करें कि कि काम करता है।
तो हम आराम से ठीक पर क्लिक करें ताज़ा कहते हैं आसान बटन क्लिक किया और फिर हम कड़ी बटन के लिए इस नकल करेंगे और हम कहेंगे कि कड़ी मेहनत बटन छोड़ने गया था और अभी भी काम करता है और मुश्किल आसान ताज़ा लेकिन यह हमें बताता है कि कठिन बटन क्लिक किया गया था।
तो बजाय सिर्फ वर्ग से चयनित वर्ग को प्रतिबिंबित करने के लिए जो एक का चयन किया जाता हो रही पर कि चलो काम कर रही है।
तो अगर हम आसान बटन पर क्लिक करें सब हम क्या करना चाहते आसान बटन है।
डॉक्टर कक्षा सूची में चयनित जोड़ सकते हैं और अगर हम अब ताज़ा मैं आसान पर क्लिक करें।
यह एक चयनित वर्ग है।
आसान है, लेकिन समस्या यह है कि यह अभी भी मुश्किल बटन पर रहता है तो यह है कि ठीक करने के लिए आसान है।
हम सिर्फ एक कठिन बटन डॉक्टर क्रॉस सूची है चाहता हूँ इसे हटाने डॉट और अब हम आसान पर क्लिक करता है, तो कठिन विधा दूर हो जाता है।
लेकिन अगर हम कड़ी मेहनत पर क्लिक हम अभी भी तर्क है कि इसलिए हम बस पर इस कोड को कॉपी करके ठीक कर सकते हैं कि जरूरत नहीं है और हम अब मुश्किल बटन वर्गहीन कि आसान बटन वर्ग की सूची है कि चयनित हटा चयन किया जोड़ दिया जाएगा।
ठीक है इसे बाहर का परीक्षण करते हैं।
ठीक है।
इसलिए हम अब आसान हिस्सा किया जो दो बटन दिखा रहा है जो एक वर्तमान में चयनित किया गया है और मैं ताज़ा और कठिन स्वचालित रूप से चयन किया जाता है, क्योंकि हम छह तत्वों की क्या ज़रूरत है।
आगे हम तर्क जोड़ने के लिए वास्तव में न सिर्फ इन बटनों की शैली यहाँ लेकिन केवल तीन तत्व या छह चौकों दिखाने के लिए कठिनाई को बदलने की जरूरत है।
तो हम क्या करने कि अगले इससे पहले कि हम शुरू करने की जरूरत है।
चलो देखते हैं कि यह कैसे काम करता है समाधान पर फिर से जाँच करें।
तो अगर मैं ताज़ा और मैं आसानी से सूचना है कि हम नए रंग मिल पर क्लिक करें और हमें क्या करना है कि क्योंकि वहाँ एक जोखिम है कि मैं छह रंगों यहाँ है कि और रंग है कि यहां चयन किया जाता है इन तीन में से एक यह है कि जब मैं आसान पर क्लिक हो सकता है उन तीन हटा रहे हैं।
तो यह है कि एक सुंदर खेल तोड़कर बग हो सकता है।
तो बजाय उस के साथ सौदा की तुलना में हम सिर्फ तीन नए रंग लेने के लिए जा रहे हैं।
इसलिए हम इस प्रक्रिया है कि ताज़ा है।
तो प्रक्रिया आसान है जब मैं बटन पर क्लिक करें हम उत्पन्न करने के लिए रंग सरणी के लिए तीन नए रंगों उन तीन में से एक रंग लेने के लिए जा रहे हैं जा रहे हैं।
हम अद्यतन है कि एक उठाया रंग के साथ प्रदर्शित करने जा रहे हैं।
हम यहाँ तीन चौकों अद्यतन करने के लिए जा रहे हैं।
और महत्वपूर्ण बात यह है कि हम भी तीन अन्य वर्गों को छिपाने तो हम उन्हें हटा नहीं है हम सिर्फ उन्हें प्रदर्शन सेटिंग कोई नहीं से छिपाने के लिए है।
और फिर वही बात मुश्किल के लिए चला जाता है।
हम रंग सरणी में छह नए रंग उत्पन्न करते हैं।
हम एक हमारे चुनती रंग का हो उठा।
हम जानते हैं कि प्रदर्शित यहाँ।
तो फिर हम तल पर तीन चौकों और फिर एक रंग है हर एक सेट दिखाने के लिए।
ठीक।
तो चलो अब इस से निपटने।
सबसे पहले जब हम वहाँ शुरू करो आसान बटन पर क्लिक करें।
हम नए रंग उत्पन्न करना चाहते करने जा रहे हैं ताकि रंग के बराबर होती है यादृच्छिक रंग इस समय 3 उत्पन्न करते हैं।
और फिर एक बार हम उस किया हम एक नए उठाया रंग लेने के लिए चाहते करने जा रहे है तो उठाया रंग बस ऐसे ही रंग लेने के बराबर होती है।
तो एक बार हम अपने रंग और हमारे उठाया रंग है हम सिर्फ प्रदर्शन को बदलने को यहां नई तस्वीर रंग दिखाने के लिए शुरू कर सकते हैं।
तो कह रही है कि रंग प्रदर्शन पाठ्य सामग्री रंग उठाया बराबरी के रूप में आसान है।
और अगर हम ताज़ा मैं यहाँ कुछ नए रंग पाने के लिए जा रहा हूँ बस आपको कुछ बातों को दिखाने के लिए।
मैं जैसा कि आप पहले रंग बदल रहा है का उल्लेख किया और पर्दे के पीछे एक रंग सरणी है कि रूप में अच्छी तरह बदलता है आसान पर क्लिक करते हैं।
तो चलो क्या रंग सही है और अब तो मैं आसान मोड पर क्लिक किया जाता है पर देखो और मैं क्या रंग फिर से है पर देखो और यह अलग है।
और यह भी उठाया रंग अलग है।
तो अब जब हम आसान मोड पर क्लिक करें या हम शीर्ष तीन छिपा कर सकते हैं के बारे में कैसे हम तीन तल divs छिपाने बात करते हैं।
कोई फर्क नहीं पड़ता कि।
लेकिन मैं नीचे तीन तरह से हम ऐसा करेंगे कि क्या करने जा रहा हूँ के माध्यम से पाशन और संपत्ति के नीचे threes प्रदर्शन सेटिंग कोई नहीं कर रहा है।
तो मुझे आप पता चलता है कि कैसे काम करता है।
मैं उनमें से सिर्फ एक लेने के लिए जा रहा हूँ।
तो चलो एक दस्तावेज़ क्वेरी चयनकर्ता सभी वर्ग या एक वर्ग ऐसा करते हैं और फिर पांचवें एक साथ काम करते हैं।
दरअसल पांच के सूचकांक और फिर साथ छठे है कि एक शैली प्रदर्शन सेट में से कोई भी हो सकता है।
और आप इसे देखेंगे गायब हो जाता है।
और फिर अगर मैं इसे वापस आना चाहते हैं मुझे लगता है हम कठिन विधा मैं सिर्फ शैली कहने की ज़रूरत पर क्लिक करें यदि जाएगा।
प्रदर्शन ताला बराबर होती है।
ठीक है।
तो चलो आगे जाना है और हमारे कोड में जिस तरह से प्राप्त होगा कि यह पहली बार में सभी छह के माध्यम से पाशन के द्वारा होता है यह लागू करते हैं।
और पहले तीन के लिए हम उन्हें एक नया रंग देने के लिए जा रहे हैं।
और नीचे तीन के लिए हम उन्हें छिपाने के लिए जा रहे हैं।
तो बजाय कि हम इसे एक बार में क्या करेंगे करने के लिए दो छोरों होने से।
तो वर के लिए मैं शून्य के बराबर होती है।
मैं तो बस से बाहर चौकों की लंबाई कम है।
प्लस प्लस हम तथ्य यह है कि रंगों का यह तीन आइटम नहीं है का लाभ लेने के लिए जा रहे हैं।
इसलिए हम इस तरह से कुछ करने के लिए अगर रंग I. जा रहे हैं
तो अगर वहाँ एक अगली रंग है तो यह पहली तीन पर कुछ नहीं होगा।
हम चौकों मैं शैली पृष्ठभूमि रंग के बराबर होती है लिखने जा रहे हैं।
तो पहले तीन हमारे मामले में, क्योंकि रंग ही तीन आइटम हम वर्गों के सभी के माध्यम से पाश के लिए जा रहे हैं और अगर वहाँ है कि सूचकांक में एक रंग है की जाँच की है।
और हम उन पहले तीन का रंग बदलने के लिए जा रहे हैं, अगर वहाँ है।
तो चलो चलो यकीन है कि काम करता है चलो।
मैं आसान पर क्लिक करें और आप केवल तीन शीर्ष बदल रहे हैं देखेंगे।
इसलिए हम बंद कर रहे हैं।
हम सभी को अब क्या करना चाहते नीचे तीन छिपाने है।
इसलिए हम किसी और के साथ ऐसा करेंगे।
चौकों मैं शैली है कि प्रदर्शन से कोई भी बराबर होती है।
और अगर हम ताज़ा और इसे पूर्ण स्क्रीन बनाने के लिए अगर मैं आसान मोड पर क्लिक करें जैसा कि आप देख सकते हैं कि हम नीचे तीन खोने के लिए और शीर्ष तीन में से रंग बदल रहे हैं।
और हम यह पता लगाने के लिए जो एक यह है की कोशिश करते हैं।
तो सौ तिरसठ लाल 125 हरे और नीले रंग का एक छोटा सा।
हम वहाँ चलें।
आप कुछ और अधिक कोशिश ताज़ा कर सकते हैं।
हम के रूप में मैं इनमें से कुछ ताज़ा और मैं आसान मोड पर क्लिक करें एक छोटी सी समस्या है।
हम केवल तीन रंगों यहाँ पैदा कर रहे हैं।
लेकिन अगर मैं नए रंग बटन पर क्लिक करें तो मैं आपको दिखाता हूँ क्या रंग अभी की तरह लग रहा है।
यह तीन आइटम है।
अगर मैं हालांकि नए रंग पर क्लिक करें और फिर मैं रंग को देखो।
यह वास्तव में छह आइटम है और कहा कि क्योंकि हम जो विधा है कि हम पर कर रहे हैं का ट्रैक रखने के लिए नहीं कर रहे हैं।
तो यह है कि कोड सही रीसेट बटन पर यहाँ है।
हम सिर्फ यह कह रहे हैं रंग यादृच्छिक रंग उत्पन्न करने के लिए बराबर है।
इसलिए हम अंततः है कि ठीक करने के लिए की जरूरत है।
लेकिन इससे पहले कि हम करते हैं की हमारी मेहनत बटन इतना है कि यह हमें छह चौकों वापस करने के लिए सेट और हर एक है कि ऐसा करने का अपना रंग है मिलता है।
मैं तो बस इस कोड में से कुछ लेकर जो हमेशा एक बुरा संकेत है यह नीचे नकल यहाँ जा रहा हूँ।
और यही कारण है कि हम सिर्फ एक छोटा सा में इस refactor करने के लिए जा रहे हैं।
तो पहली बात मैं चाहता हूँ कि क्या करना है।
मैं सिर्फ हमारी मेहनत बटन घटना श्रोता रंगों में यह सब कॉपी करने के लिए जा रहा हूँ।
यह छह रंगों होने जा रहा है उठाता रंग का हो जाएगा एक ही रंग प्रदर्शन पाठ्य सामग्री ही है।
और फिर हम इस पाश में उन सभी के माध्यम से पाश के लिए जा रहे हैं।
हम दो अलग अलग बातें करने के लिए की जरूरत है।
पहले हर वर्ग के लिए एक नया रंग प्रदान करने के लिए है।
लेकिन हम यह भी सुनिश्चित करें कि संभवतः तीन तल पर छिपे नहीं हैं बनाने की जरूरत है।
इसलिए हम अब के लिए अगर बयान से छुटकारा पाने के लिए जा रहे हैं और हम सिर्फ रंग होने के लिए एक पृष्ठभूमि रंग है सभी वर्गों को स्थापित करने के लिए जा रहे हैं।
और सभी वर्गों को ब्लॉक के एक प्रदर्शन करना होगा।
तो इसका कारण यह है कि हम केवल तकनीकी रूप से पिछले तीन की जरूरत है थोड़ा सा बेकार है और हम उन सभी को प्रदर्शन ब्लॉक होने की resetting रहे हैं।
लेकिन यह है कि वास्तव में एक छोटी सी बात हम बाद में ध्यान केंद्रित कर सकते हैं।
तो चलो बस अगर यह ताज़ा काम करता है हमें बताता है कि हम लाइन 36 पर एक वाक्य रचना त्रुटि है चलो देखते हैं कि हम क्या याद आ रहे हैं देखते हैं।
और हम बस यहाँ एक अतिरिक्त घुंघराले गले लगा है।
तो अगर हम अब बचा है और ताज़ा हम छह रंग है हम हमेशा की तरह।
अगर मैं पर क्लिक करें आसान है कि हम तीन मिलता है।
अगर मैं कड़ी मेहनत पर क्लिक मैं अब छह को वापस जाओ।
मैं यहाँ एक नया रंग उठो और चलो बस यकीन है कि उस काम रहता है बनाते हैं।
तो आसान मुश्किल आसान कठिन है जब मैं हार्ड मोड के पास जाओ।
चलो फिर से नए रंग पर क्लिक करते हैं।
आसान वापस मुश्किल आसान और कड़ी करने के लिए जाने के लिए वापस जाओ।
ठीक है।
और हम इस खेल सकते हैं और देखो अगर यह काम करता है।
तो लेने रंग 196 170 57 है।
इसलिए का एक बहुत हरे रंग की एक बहुत कुछ है और नीले रंग का एक छोटा सा पढ़ा।
तो यह है कि लाल रंग का एक बहुत कुछ है और हरे रंग की एक पीले रंग है।
तो यह है कि एक या कि एक होने के लिए नहीं जा रहा है।
यही कारण है कि एक यह एक असली जल्दी होने जा रहा है और इस तरह से यह ठीक काम कर रहा है लग रहा है।
अगर मैं आसान पर क्लिक करें फिर हम वापस तीन रंग के लिए जाना।
सबसे अहम मुद्दा है, हालांकि हमें सामना करना पड़ रहा है, जब मैं आसान मोड में हूँ और मैं खेलने के लिए क्लिक करें फिर से इस छह रंगों नहीं तीन उत्पन्न करने के लिए जा रहा है और यह छह जो जा रहा है जो हमारे लिए प्रदर्शित नहीं किया जा सकता से बाहर एक यादृच्छिक रंग लेने के लिए जा रहा है कि ठीक करने के लिए समस्याग्रस्त हो।
हम सब करने की ज़रूरत है एक चर है कि हम पर हैं क्या मोड का ट्रैक रखता है।
आसान या मुश्किल या वर्गों तीन या छह की संख्या।
इसलिए हम चाहते हैं कि यहां तक ​​कर देंगे।
हम चौकों की एक चर बुलाया नंबर होगा और कहा कि 6 से शुरू होगी और हम सिर्फ इतना है कि यहां की घोषणा करेंगे अप और कहते हैं कि रंगों के बराबर होती संख्या के यादृच्छिक रंग पैदा करते हैं और चलो यह वर्ग या वर्गों की संख्या बनाते हैं।
ऐसा नहीं है कि और बचाने की तरह थोड़ा आसान है।
और फिर हम को बदलने के लिए है कि कुछ स्थानों में की जरूरत है।
तो जब हम आसान मोड पर क्लिक करें आप सुन्न चौकों तीन होना चाहते हैं और उसके बाद हम कोई चौकों के साथ यादृच्छिक रंग उत्पन्न करते हैं।
और फिर आगे नीचे जब हम कठिन बटन पर क्लिक करें हम कुछ वर्गों 6 इतना सुन्न चौकों छह बराबर हो सकता है और उसके बाद यादृच्छिक रंग चौकों उत्पन्न करने के लिए चाहते हैं और फिर जब हम उस रीसेट बटन पर क्लिक करें वहाँ कुछ अन्य स्थानों पर सही है यहाँ।
हम रंग जो Nahm चौकों वहाँ के रूप में अच्छी तरह से हो सकता है की सही संख्या उत्पन्न करने के लिए चाहते हैं।
तो यह है कि हमारे लिए यह ध्यान रखना अगर हम वापस जाने के लिए और ताज़ा करना चाहिए।
हम आसान मोड के पास जाकर के इस एक जीत चलो।
इसलिए ज्यादातर एक छोटी सी नीले रंग लाल।
यह नहीं।
ऐसा नहीं है कि एक।
हम वहाँ चलें।
और अगर मैं खेलने पर क्लिक करें फिर से है यकीन है कि जब मैं रंग प्रकार हम केवल तीन रंग देख कर दें।
और अगर मैं उठाया रंग आशाओं को देखा एक रंग आप यह रंग सरणी के अंदर देख सकते हैं उठाया।
इसलिए हम इस बारे में अब चिंता करने की जरूरत नहीं है।