इस वीडियो में वहाँ कुछ छोटे बदलाव है कि मैं करना चाहता हूँ और फिर मैं कैसे हम यह एक छोटा सा refactor सकता है के बारे में बात करने जा रहा हूँ।
तो पहला परिवर्तन है जब हम इस खेल को जीतने है।
तो चलो यहाँ जीतने करते हैं।
हम वहाँ जाते हैं और मुझे लगता है कि यह सही संदेश मिलता है और मैं फिर से खेलने पर क्लिक करें।
यह अभी भी सही कहते हैं।
और हम, जो कि एक बहुत जल्दी बदल रहा है रीसेट करना चाहते हैं।
हम सब करने की जरूरत कोड जब हम फिर से खेलने पर क्लिक करें तो हम काल में हम बदल सकते हैं और यह सिर्फ खाली करने की जरूरत है चलाता है कि लगता है।
तो चलो कि यह पूर्ण स्क्रीन बनाने लगाने के लिए चलते हैं।
तो जब हम उस रीसेट बटन जो यहीं है पर क्लिक करें।
हम सब करने की ज़रूरत हमारे प्रदर्शन है जो हम संदेश प्रदर्शन बुलाया बदल रहा है।
इसलिए हम चाहते हैं कि यहाँ नीचे अभी कहीं भी ऐसा करेंगे।
संदेश प्रदर्शित पाठ उतार पाठ्य सामग्री खाली स्ट्रिंग के बराबर होती है।
और हम देखते हैं कि कैसे जाता है।
ताज़ा करें।
ठीक है अभी तक हम जीत क्लिक करते हैं।
ठीक है तो यह यहाँ सही कहते हैं।
और अगर मैं फिर से खेलने पर क्लिक करें कि दूर चला जाता है।
अन्य मामूली बदलाव है कि मैं बनाना चाहते है कि इस बटन को ही फिर से एक बार उपयोगकर्ता जीतता खेलने कहना चाहिए।
इसलिए मैं पृष्ठ ताज़ा करेंगे और यह नए रंग का कहना है कि जो है कि हम कैसे यह काम करना चाहते हैं।
तो अगर मैं जीत यह मुझसे पूछता है तो मैं फिर से खेलने के लिए चाहते हैं।
और फिर अगर मैं फिर से खेलने क्लिक करें हम बटन पाठ नए रंग करने के लिए वापस जाने के लिए बदलना चाहते हैं।
तो सच में मामूली अंतर है लेकिन मैं सिर्फ नाटक फिर से दिखाने के लिए है, तो उपयोगकर्ता सिर्फ जीता चाहते हैं।
इसलिए हमारे कोड में जाओ और हम जगह है, जहां उपयोगकर्ता खेल है जिसमें यहीं है जब उपयोगकर्ता उठाया रंग पर क्लिक करता है जीतता है खोजने की जरूरत है।
तो उपयोगकर्ता क्लिक सही रंग पर हम रीसेट बटन पाठ पाठ सामग्री कहने के लिए लेकिन तब क्या हम करना चाहते है, जब रीसेट बटन पर क्लिक उपयोगकर्ता हम उस बदलने के लिए जा रहे हैं बदलने के लिए।
यह डॉट पाठ सामग्री नई रंग के लिए वापस जाने के लिए और हम भी एक रीसेट बटन लिख सकता है।
लेकिन यह क्योंकि हम रीसेट बटन के लिए घटना श्रोता के अंदर हो यह करने के लिए आसान है।
और कहा कि अच्छा होगा अगर हम जल्दी से ताज़ा जब तक हम सही एक मिल होना चाहिए।
हम फिर से खेलना चाहते हैं।
ज़रूर।
अब यह नए रंग में वापस चला जाता है और हर बार यह सिर्फ नए रंग कहते हैं और अधिक से अधिक है और अगर मैं जीत यह केवल समय है कि यह फिर से खेलने का कहना है।
एक तो वास्तव में मामूली बात है, लेकिन मैं यह वास्तव में ध्यान भंग है कि यह यह चारों ओर इस कष्टप्रद रूपरेखा है जब मैं इन बटनों में से एक पर क्लिक करें सकते हैं।
और यह वास्तव में कर रही है कि हमारे ब्राउज़र है।
और हम उस बंद कर सकते हैं।
मैं नहीं जानता कि आप देख सकते हैं कि स्क्रीन पर डाली लेकिन वहाँ एक नीले रंग की रूपरेखा रहा है।
यह हानिकारक का सुंदर है।
ताकि हम अपनी शैली पत्रक के लिए जाने से छुटकारा पाने के लिए और अगर हम अपने बटन यहां बस नीचे चयन हम सिर्फ कोई रूपरेखा के बारे में और वापस जाने के लिए और ताज़ा कर सकते हैं।
अब हम क्लिक करता है, तो हम इसे चारों ओर है कि नीले रंग की रूपरेखा नहीं मिलता है।
तो यह सब मैं इस खेल के तर्क के लिए करना चाहता था।
अब हम अपने कोड पुनर्रचना समय का एक छोटा सा खर्च करना चाहते हैं।
तो चलो वापस चलते हैं।
जहां हम एक मुश्किल बटन एक आसान बटन और हर एक के लिए श्रोता है पहली बात यह है कि मुझे बाहर कूदता यहाँ इस कोड है।
और वे कैसे वे काम में बहुत समान हैं।
उनमें से एक को छोड़कर तीन चौकों के साथ काम करेंगे।
अन्य एक छक्का के साथ काम करता है, लेकिन अन्यथा वे मूल रूप से एक ही बात करते हैं।
इसलिए हम वास्तव में है कि दोहराव को कम कर सकते हैं।
और नहीं बल्कि हर एक को एक Idee हम क्या करने जा रहे हैं क्या देने से उन आईडी की छुटकारा पाने के लिए और उन्हें एक वर्ग दे रहा है और वे एक ही वर्ग के साझा करने के लिए जा रहे हैं।
तो वर्ग मोड के नाम से जाना जा रहा है।
इसलिए हम उन्हें वर्ग मोड दे दूँगा।
एक बटन याद रखें या किसी भी मद दो वर्गों हो सकता है।
वे सिर्फ रिक्त स्थान से अलग किए जाने की जरूरत है।
इसलिए इस वर्ग मोड और वर्ग का चयन किया है।
ठीक।
तो अब हम जायेंगे और इन दो बटन यहां से हटाने और बटन मोड बटन कहा जाता है की एक सूची बनाने के लिए और है कि एक दस्तावेज है कि चयनकर्ता से पूछता होने जा रहा है।
पॉल दत्त मोड।
तो यह है कि हमें दो बटन देता है।
तो फिर हम मोड बटन के माध्यम से पाश के लिए जा रहे हैं।
इसलिए हम वर शून्य के बराबर होती है के लिए की जरूरत है।
की तुलना में मोड बटन चौंकाने कम।
और क्या यह भी हमें कर देना होगा कि अगर भविष्य में हम एक मध्यम या सामान्य कठिनाई मोड या एक सुपर कठिन कठिनाई मोड जोड़ना चाहते है।
हम अतिरिक्त श्रोताओं को जोड़ने के लिए है क्योंकि हम उन सभी का चयन कर रहे हैं और फिर एक पाश का उपयोग कर बनाम यहाँ हम स्वयं हम जोड़ने है कि हर बटन के लिए एक लिखने के लिए नहीं है।
ठीक।
यहाँ तो पाश खत्म।
प्लस प्लस।
और हम क्या करने जा रहे हैं एक विधा बटन जोड़ने मैं इस घटना श्रोता क्लिक जोड़ने डॉट और वे अभी के लिए इस पर छोड़ दूँगा है।
इससे पहले कि हम आगे बढ़ें मैं वास्तव में कोड बाहर टिप्पणी करने के लिए बस इतना है कि हम बता सकते हैं कि क्या हमारे नए कोड से चल रहा है और हम क्या चाहते हो सकता है जब हम उन बटनों में से एक पर क्लिक जा रहा हूँ।
पहली बात यह है कि हम ऐसा करने के लिए चाहते हैं के लिए है कि चयनित वर्ग के लिए लागू किया जा रहा है।
इसलिए अभी यह केवल जब हम होवर करें।
हम जानते हैं कि रंग मैं जब हम क्लिक करें इसे देखना चाहते हैं मिलता है।
इसलिए हम इस डॉट कक्षा सूची डॉट क्या करने की जरूरत है कि बस जो कि हम यहाँ नीचे छोड़कर हम इसे आसान बटन और कड़ी बटन करने के लिए कर रहे हैं क्या तरह चयनित जोड़ें।
हम सिर्फ यह है जिस पर क्लिक किया था क्या करने के लिए संदर्भित करने के लिए यह कर सकते हैं।
सिर्फ एक ही मुद्दा है कि हम इसे मूल एक को बंद करने के साथ ही जरूरत है।
और कहा कि हम सिर्फ इस एक सा है और लेखन विधि बटन शून्य डॉट कक्षा सूची मुश्किल कोड जा रहे डॉट चयनित हटा और फिर हम साथ ही एक दूसरे से इसे निकाल देंगे करने के लिए।
इसलिए क्योंकि वहां केवल दो बटन है।
यह कोई मुद्दा नहीं है।
क्या हम कर रहे हैं बस सुरक्षित करने के लिए दोनों बटन से इसे हटाने और फिर एक ही है कि हम सिर्फ पर क्लिक करने के लिए इसे जोड़ने के लिए है।
तो अब अगर हम इस परीक्षण के बाहर और ताज़ा करें।
आप देख सकते हैं कि यह केवल एक ही है कि हम सिर्फ पर क्लिक करने के लिए जोड़ा जाता है और यह एक दूसरे से हटा दिया है।
तो हम आगे क्या करने की जरूरत है कि क्या इन बटन के लिए यहाँ तर्क के थोक जोड़ने के लिए है।
इसलिए हम यह पता लगाने की है कि कितने चौकों नया रंग लेने दिखाने की जरूरत है और फिर हम रंग जो रंग हम पर क्लिक करने की कोशिश करने के लिए कोशिश कर रहे है के लिए एक नया पिकअप लेने की जरूरत है।
और फिर अंत में हम परिवर्तन को प्रतिबिंबित करने के लिए पेज को अद्यतन करना चाहते हैं।
तो यह है कि मैं वास्तव में एक नया समारोह और उस समारोह मैं सिर्फ इसे फिर से कायम फोन करने के लिए जा रहा हूँ बनाने के लिए जा रहा हूँ सब करने के लिए और यह कुछ हम कुछ स्थानों में उपयोग करने के लिए है क्योंकि हम इन चरणों का एक दोहरा रहे हैं जा रहे है बहुत रंग सरणी से एक नया उठाया रंग उठा नए रंग उठा और फिर पेज को अद्यतन करने के नए रंग दिखाने के लिए और यहाँ इस प्रदर्शन को अद्यतन।
हम कर रहे हैं कि हर समय तो मैं सिर्फ एक समारोह पर है कि सभी डाल करने के लिए जा रहा हूँ।
इसलिए हम अंदर इस समारोह में मैं वास्तव में सिर्फ यहाँ नीचे से कॉपी करने के लिए जा रहा हूँ क्या करने की जरूरत।
हम पहले से ही इस यहाँ किया है।
मैं यह सब बस ऐसे ही हमारे रीसेट में में कॉपी करने के लिए जा रहा था।
और क्या हो रहा है पर एक नजर डालते हैं।
तो रीसेट के बजाय या पैदा करने यादृच्छिक रंग सुन्न वर्गों के आधार पर चर और फिर हम एक नया रंग हम रंग दिखाता सामग्री बदल रहे हैं उठा रहे हैं।
हम इस पाठ्य सामग्री नए रंग के बराबर होती है।
और कहा कि वास्तव में, क्योंकि इस रीसेट बटन जिक्र किया जा करने के लिए इस्तेमाल किया काम नहीं करेगा।
और कहा कि रीसेट बटन के लिए केंद्र में घटना के अंदर था।
हम एक अलग समारोह रीसेट बुलाया के बजाय अब कर रहे हैं।
तो हम उस रीसेट बटन के रूप में मुश्किल कोड की जरूरत है।
और फिर हम संदेश प्रदर्शन बदल रहे हैं खाली हो।
और फिर हम सभी वर्गों के माध्यम से पाशन रहे हैं और हम उनके रंग अद्यतन कर रहे हैं।
वापस नीले रंग के लिए 1: और फिर हम में से 8 पृष्ठभूमि बदल रहे हैं।
और अगर हम बस के बजाय कि फोन के यहाँ हम सिर्फ रीसेट चलाते हैं।
वहाँ एक छोटी सी समस्या है जो यह है कि हम कभी नहीं सुन्न वर्गों को अद्यतन कर रहे हैं।
तो जब मैं आसान बटन पर क्लिक करें आप चौकों तीन होने की चर बदलना चाहते हैं।
जब मैं मुश्किल बटन पर क्लिक करें आप 6 होना करने के लिए इसे बदलना चाहते हैं।
तो यह है कि मिनट यहीं करने के लिए जाना है और अगर एक बयान जोड़ सकते हैं और यह सब हम क्या कर सकते हैं इस पाठ की सामग्री के बारे में है, तो है।
तो बटन उस पर यदि पाठ्य सामग्री के लिए आसान करने के लिए बराबर है क्लिक किया था।
हम क्या करने जा रहे हैं का कहना है कि सुन्न चौकों तीन ल नंबर वर्गों के बराबर है छह के बराबर है।
और फिर हम रीसेट समारोह जो सुन्न वर्गों का उपयोग करेगा के रूप में आप यहाँ हमारे रीसेट समारोह में देख सकते हैं फोन करता हूँ।
हम कुछ वर्गों का उपयोग कर रहे हैं हमारे यादृच्छिक रंग समारोह उत्पन्न फोन करने के लिए।
इसलिए हम कुछ अद्यतन चौकों जो हम यहीं कर रहे हैं की आवश्यकता है।
वहाँ असल में यह है कि कुछ लोगों के बड़े प्रशंसक हैं लिखने का एक छोटा रास्ता नहीं है।
यह त्रिगुट ऑपरेटर कहा जाता है।
इसलिए मैं यह पहली बार लिखने जा रहा हूँ और फिर मैं यह कैसे काम करता है के बारे में बात करेंगे।
इसलिए इस पाठ्य सामग्री बराबर बराबर बराबर होती है।
आसान प्रश्न चिह्न।
सुन्न वर्गों के बराबर होती है तीन पेट के सुन्न चौकों छह बराबर होती है।
तो इस यहाँ एक लाइन ठीक है यहाँ इन चार लाइनों के रूप में सटीक एक ही बात करता है।
इन पांच लाइनों।
तो यह त्रिगुट ऑपरेटर कहा जाता है।
इसमें तीन हिस्से हैं।
पहली बात यह हालत है।
तो आप के रूप में अगर यह पाठ सामग्री आसान तो कोई वर्गों के बराबर है इस पढ़ सकते हैं 3 अन्यथा कोई वर्गों के बराबर है 6 के बराबर है।
तो यह सिर्फ इस लिखने का एक तरीका है।
और मैं इसे इस तरह रखेंगे।
आम तौर पर अगर हम सिर्फ जहां हम दो अलग अलग संभव विकल्पों के लिए एक मूल्य की स्थापना कर रहे हैं जल्दी से एक लाइन में बयान करता है, तो यह है त्रिगुट ऑपरेटर के लिए एक अच्छा उपयोग मामला है।
हम अभी भी एक समस्या है, हालांकि जो कि हम वास्तव में कभी नहीं छुपा रहे है।
या वर्गों की सही संख्या दिखा।
तो अगर मैं ताज़ा क्या होगा।
हम कड़ी मेहनत मोड पर शुरू करते हैं।
यह ठीक काम करता है।
सब कुछ एक ही काम करता है।
अगर मैं आसान पर क्लिक हालांकि हम अभी भी यहाँ छह चौकों की है और आप देखेंगे नीचे तीन सिर्फ रंग बदल नहीं है क्योंकि हम केवल तीन रंगों उत्पन्न।
इसलिए हम अपने रीसेट समारोह के बजाय क्या करने की जरूरत है कि हम उस के लिए खाते में करने की जरूरत है।
तो इस लूप जहां हम रंग सरणी से रंग से मेल करने के लिए चौराहों का रंग बदल रहे हैं यहाँ के बजाय सही।
अगर कोई रंग सरणी में केवल तीन आइटम क्या हम वास्तव में क्या करने की जरूरत अन्य तीन चौकों छिपाने है।
इसलिए मुझे लगता है कि लिखने के लिए एक अगर बयान के साथ जा रहा हूँ और मैं सिर्फ अगर वहाँ रंग के लिए एक रंग है की जाँच करने के लिए जा रहा हूँ।
मैं भी कुछ और ही है।
तो अगर एक रंग हम रंग या वर्गों की पृष्ठभूमि का रंग बदलने के लिए जा रहे है।
मुझे लगता है कि रंग हो अन्यथा हम चौकों मैं कोई नहीं होने के लिए प्रदर्शित बदलने की जरूरत है।
और कहा कि बस ऐसे ही प्रदर्शित करने के लिए स्टाइल की जरूरत है।
और इतना है कि तब हमारे लिए यह छिपा होगा।
तो अगर मैं आसान बटन पर क्लिक करें कि क्या होता है मैं तीन आइटम छह चौकों और पुनरावेक्षण के माध्यम से पाशन रहे थे के साथ रंग की एक सरणी है।
अगर कोई एक रंग है कि मेल खाता है कि वर्ग और पहले तीन के लिए वहाँ हो जाएगा।
इसलिए हम सरणी से रंग होने की पृष्ठभूमि का रंग निर्धारित किया है।
लेकिन पिछले तीन रंगों मैं जा रहा है कोई हो।
या वास्तव में अपरिभाषित कर दिया जाएगा।
वहाँ एक रंग वहाँ नहीं होगा।
तो यह है कि गलत है।
और क्या होता है तो हम कोई भी हो करने के लिए प्रदर्शन सेट है।
तो मैं आपको बताएंगे कि कैसे यह है कि ताज़ा काम करता है।
अगर मैं पर क्लिक आसान नीचे तीन गायब हो जाते हैं।
आसान है कि हम तीन नए रंगों मिलता है, पर क्लिक करके रखें।
चलो खेल खेलते हैं।
हम वहाँ चलें।
हम एक समस्या है, हालांकि जो है अगर मैं एक मुश्किल हम एक नए Bactrim रंग है सभी छह चौकों बदल रहे हैं, लेकिन हम छुपा नहीं कर रहे हैं कि नीचे तीन निजात पाने के लिए क्या करना होगा पर क्लिक करना है सही से पहले हम एक नए पृष्ठभूमि दे रहा है वर्गों के लिए रंग।
मुझे आगे जाना है और उन्हें दिखाने के लिए फिर से जा रहा हूँ।
तो यह चौकों होने जा रहा है मैंने सोचा शैली प्रदर्शन ब्लॉक के बराबर होती है।
तो है कि कैसे हम उन्हें वापस लाने के लिए है।
और हम सिर्फ इतना है कि क्या करने के लिए सभी छह जा रहे हैं।
यह एक बड़ा सौदा नहीं है।
तो अगर हम उन्हें एक पृष्ठभूमि रंग दे हम तो बस हमेशा यकीन है कि वे दिखाई दे रहे हैं पहली बनाने के लिए जा रहे हैं।
तो अब अगर हम ताज़ा और वे आसानी से हमारे पास तीन एक खेल खेलने के लिए जाना।
मैं कड़ी पर क्लिक करें।
अब हम छह कॉल करने वालों को मिलता है।
चलो एक खेल खेलते है।
वहाँ हम आसान पर क्लिक करें जाने के लिए और हम तीन को वापस जाओ।
ठीक है।
तो आप देख सकते हैं कि हम यहाँ कोड का एक बहुत साफ कर दिया।
यह एक बहुत लंबे समय तक हुआ करता था।
यह लंबे समय से कम से कम तीन बार की तरह है।
और दो अलग अलग क्लिक श्रोताओं और अब हमारे कोड अपेक्षाकृत बहुमुखी है।
यदि हम एक मध्यम कठिनाई बटन जोड़ना चाहते थे हम सब करने की जरूरत है यहाँ इस लाइन को बदलने के लिए हम एक nother नंबर वर्गों के लिए होता है, जहां है।
शायद हम 5 चौकों चाहते हैं या हम एक सुपर कठिन स्तर है, जहां हम 10 चौकों हम बस संख्या चौकों बदलने के लिए और अगले जगह है कि हम अपने रीसेट समारोह का उपयोग कर सकते हैं पाने के लिए हमारे रीसेट समारोह फोन करने की जरूरत है चाहता हूँ वास्तव में जब हम रीसेट बटन पर क्लिक करें ।
तो सब है कि हम क्या करने की जरूरत के साथ Lisner क्लिक सिर्फ बस ऐसे ही रीसेट रीसेट बटन के बजाय सब कुछ की जगह नहीं है।
तो यह है कि हमारे कोड एक बहुत ऊपर चलाता है।
हम सिर्फ 10 या तो लाइनों से छुटकारा मिल गया।
तो चलो वापस बचाने कोष्ठकों के बिना चलते हैं।
के ब्राउज़र के लिए जाने के लिए और यकीन है कि यह अभी भी काम करता बनाते हैं।
तो चलो एक खेल खेलते हैं।
फिर से खेलने पर क्लिक करें और यह अभी ठीक रीसेट करता है।
चलो एक और खेल आसान खेलने पर क्लिक करें और भी बस ठीक रीसेट करता हूं।
ठीक है।
तो हम हमारे कोड काफी एक सा ड्राइव।