JavaScript alert, prompt & confirm _ JavaScript Tutorial in Hindi #27
353 views
Feb 9, 2024
The video "JavaScript alert, prompt & confirm _ JavaScript Tutorial in Hindi #27" discusses three important methods for interacting with users in JavaScript: alert, prompt, and confirm. Presented in Hindi, the tutorial explains how to use these methods to display alerts, prompt users for input, and confirm actions. Viewers will learn practical applications of alert, prompt, and confirm in enhancing user experience and gathering user input in JavaScript. This tutorial is valuable for Hindi-speaking beginners seeking to understand essential user interaction techniques in JavaScript programming.
View Video Transcript
0:00
गैस आज के इस वीडियो में हम लोग देखेंगे कि यूजर किस तरह से interact कर सकता ह�
0:04
जावास्क्रिप्ट की सहायता से एक ब्राउजर की विंडो से हम लोग देखेंगे कि�
0:08
तरह से alert confirm और prompt काम करते हैं हम तीनों को वोटी रीडियल मे�
0:13
देखेंगे alert का use होता है कभी भी हम लोग चाहते हैं कि user को पता चल जाए कि क्या हुआ ह�
0:18
अगर मालों हम user से कहना जाते हैं कि यार please don't do this, please यहाँ पर click करे�
0:23
if you want this do this, right click is disabled, इस तरह की बातें बताना चाहते हैं user को तो हम alert का इस्तेमाल करते है�
0:28
आपको अपने प्रोफ़ का उपयोग करें और आपको एक वाल्यू यूजर के लिए प्रॉम्ट करे�
0:38
यूजर से एवं पूर्ट रिसीव करने के लिए चलता है कंप्यूटर स्क्रीन में देखते हैं जावास्कृप्ट में य�
0:42
तीनों मेथड्स किस तरह से काम करते हैं लेट्स केट स्टार्ट है अब आप लोगों ने अभी तक जावास्कृप्�
0:53
प्ले लिस्ट एक्सेस नहीं गई तो इसको जरूर कर लेना और अब मैंने यहां पर एक रैपल बनाई यह नहीं है जिसका नाम है एलर्ट प्रॉम्ट और कंफर्म देखो यार वैसे तो बहुत ही सिंपल सी चीज है लेकिन यहां पर तीनों किस तरह से इस्तेमाल करना यह जान�
1:23
यह नहीं चाहते कि ऐसा हो चाहते हैं कि हमारा जो फाइल है हमारी वह नए टैप में खुलें ठीक है जैसे लाइ�
1:30
वीएस कोड या फिर कोई भी और एडिटर ठीक है तो यहां पर आप देखो मैं आगर यहां पर ऐसे लिखना एलर्ट हेल�
1:36
यॉर्स क्रिप्ट वर्क्स ठीक है अब देखो कुछ लोग क्या करते हैं कंसोल लॉक का इस्तेमाल करते हैं लेकिन क�
1:42
कई आप एलर्ट का इस्तेमाल कर सकते तो यहां पर आपकी स्क्रिप्ट चल रही है कि नहीं चेक करने के लिए आ�
1:48
देख सकते हो कि यह जो आपका पेज टाइटल है उसके साथ यह बोलेगा कि हेलो यॉर्स क्रिप्ट वर्क्स तो मैं यहा�
1:53
पर एक काम करूंगा भी जल्दी से आगर टाइटल बदल दूंगा इसका नाम लिखूंगा इन फैक्ट यह जो डोमेन है वह दिखा रह�
1:59
तो बेसिकली अगर मैं इसको रिलोड करूं तो यह ही दिखाएगा जो यूआरल है फिर सेज फिर इसके बाद हेलो यॉर्स क्रिप्ट वर्क्स ठीक है इस मैसेज को हम चेंज नहीं कर सकते ठीक है और उसी के साथ साथ मैं आप लोगों को बताना चाहता हूँ कि कनफर्म और प�
2:29
ने ले लेता है जो भी आप लोग इनपोट करने वाले हैं उसको जैसे कि अगर मैं यहां पर इसको यहां पर अगर मै�
2:35
लिख दो एंटर दिवाइल्यू ऑफ ए ठीक है अब मैं यहां पर क्या करूंगा मैं आप लिख दूंगा लेट इज इकॉल टू प्रॉम्ट stops
3:00
डिलोड करूंगा और यहां पर देखो यहां पर एंटर वैल्यू ऑफ ए मैंने कहा ओके एंटर है मैंने का 45 एंटर मारा औ�
3:07
तो मालो उसके बाद मैं लिख देता हूं document.right और ए ठीक है अब document.right के बारे में आप लोगों को और बताऊंगा अब इसके लिए बस इतना समझ लो कि यहां पर लिख देगा जो भी आप enter करोगे ठीक है तो मैंने ओके किया फिर मैंने एकी वैल्यू को 45 किया hello word 45 तो इसने क्या �
3:37
모습 यू एंटर्ड ए ऑफ टाइप और इसके बाद मैं आप प्लस करके टाइप ऑफ ए कर दूंगे इस तरह से और मैं चीज औ�
3:48
करूंगा इसको एक ब्रैकेट में ले लूंगा ठीक है तो आप लोग देखना कि यह हमेशा एज ट्रिंग आता है ठीक है हमने य�
3:54
पहले भी देखी थी कि अगर मैंने यहाँ पर 56 लिखा तो you entered a of type string
3:59
अगर आप लोग चाहते हो कि एक number आप enter करो और वो number
4:02
convert हो जाएगा integer में javascript के integer type में तो आप लोगो को क्या करना पड़ेग�
4:06
आप लोगो यहाँ पर लिखना पड़ेगा a is equal to और और इसके बाद आप लिखना पड़ेगा नंबर डॉट पास एंट और यहां पर ठीक है तो यह मैं जैसे करूंगा और लोड करूंगा आ�
4:19
तो इसका टाइप जो चेंज होकर नंबर हो जाएगा इसमाल मैंने 34 लिखा तो यू एंटर डेफ टाइप नंबर ठीक है तो इसका टाइप नंबर चेंज हो गया अब पिछले वीडियो मैंने आप लोगों को एक्सरसाइज के कुछ सॉलीशन दी थे काफी लोगों ने गंबल�
4:49
अब तो अगर आप लोग कोटी वाली टीशर्ट अगर आप लोगों को बसंद है आप लोग जो है वह जो मैंने चार पंपल दिय�
5:04
वह कौन से वह जाकर देख लेंगे आप यह बिल्कुल नहीं करूंगा विडियो में दे रहे थे कुप और उसमें आप लोगो�
5:11
discount मिलेगा तो अगर आपको पसंद है मैं ऐसे ही खरीज सकते हो यार आप लोग ठीक है अगर आपको लगे क�
5:15
price reasonable है quality की guarantee मेरी है ठीक है बाकि आप लोग देख लेन�
5:18
और complain मत करना बस कहने का यह मतलब मेरा ठीक ह�
5:22
you enter day of type number ठीक है यह alert हो गया त�
5:27
एलर्ट हमेशा जो है एजस्ट्रिंग जो है वैल्यू को लेता है ठीक है अगर मान लो मैं यहां पर लिखता हू�
5:33
578 prompt optional default value argument argument
5:52
डिफॉल्ड वैल्यू अब डिफॉल्ड वैल्यू का क्या मतलब है जैसे मान लो कि मैं आप इसको रिलोड करता हूं ठीक ह�
5:57
मैंने कहा ओके फिर मैंने कहा देखो यहां पर 578 लिख कर आ गया अगर मैं इसको 78 कर दूंगे चेंज हो जाएगा ठीक ह�
6:04
यू एंटर डिफिकल्ट नंबर ओके क्या मैंने डॉक्यूमेंट डॉट राइट नहीं लिखा मैं यहां पर अगर लिख दूं और ए तब यहा�
6:12
यह जो है डॉक्यूमेंट पर राइट हो जाएगा ठीक है तो मैं इसको रिलोड करूं ओके तो देखो 578 डिफॉल्ट वैल्य�
6:17
होगा यह मैं इसको चेंज तो जरूर कर सकता हूं जैसे मैं 4543 कर दी ओके किया तो यह पर देखो 4543 यहां प�
6:22
आ गया ठीक है तो इस तरह से जो है मैं इसको enter कर सकता हूं number को और एक default value as a second
6:30
argument जे सकता हूं prompt को ठीक है confirm की बात करते है shows a message and wait for the user to
6:34
press ok और cancel returns true for ok false for cancel अब देखो यहाँ पर क्या होता है ठीक है अब मालो�
6:40
लिखता हूं तो यह आप लिखता हूं लेट राइट इज इक्वल टू और मैं आप लिखता हूं कंफर्म और मैं आप लिखता हूं डू य�
6:51
वांट टू राइट टू द पेज या पिस को पेज पर टाइप करना चाहते हैं ठीक है अब यहां तो इसका जवाब यह सकता ह�
7:01
नहीं हो सकता है तो अगर आपने यह पर क्लिक किया तो राइट ट्रू हो जाएगा अगर आपने फॉल्स पर क्लिक किया त�
7:05
राइट क्या हो जाएगा फॉल्स हो जाएगा ठीक है तो मैं यहां पर क्या कर सकता हूं मैं यहां पर लिख सकता हूं एफ राइ�
7:11
तो क्या करो तो ये कर दो document.write कर दो ठीक ह�
7:18
if not else मालो मैं document.write कर देता हूँ please allow me to write
7:33
ठीक है मालो मैं इसको save किया और इसको reload किया ok
7:38
578 ok you entered number a of type number ok do you want to write it to the page
7:46
अब देखो ये dialogue box थोड़ा सा अलग है ये dialogue box आपसे क्या पूछ रहा है ये कह रहा है कि भाई क्या write करना चाते ह�
7:51
पेज़ पर ok कर दिया तो write की value true हो जाएगी और यहाँ पर ये write हो गया देख�
7:57
अब एक बाद cancel भी करके दिखाता हूँ आप लोग मैंने okay किया मान लो ये okay किय�
8:00
okay किया अब मैं cancel कर दूँगा please allow me to write ठीक है तो alert, prompt और confirm
8:06
javascript के बहुत पुराने methods हैं और बहुत quickly अगर आप लोग इनको use करना चाते है�
8:11
तो कर सकते हैं ठीक है मैं personally इनको अपनी front-end websites पर use नहीं करता हू�
8:15
उसकी वज़ाँ मैं आप लोग को बताऊंगा कि सबसे पहले तो इनकी कुछ limitations ह�
8:20
जैसे कि जो exact location होती है और इनका जो exact look होता है वो browser पे depend करता ह�
8:24
तो अगर कोई भी विचेतर browser इस्तेमाल कर रहा है आपका user तो शायद उसको इदर उदर दिखे box
8:29
तो आप नहीं चाहेंगे कि Chrome Firefox Safari Edge
8:43
लुट देते हैं अगर आप लोग यहां पर देखो बहुत ही क्लासिकल से � propos देते हैं कि यार मॉडल नहीं लगती आपक�
8:49
वेबसाइट ऐसे लगती है पुराने दमाने की वेबसाइट आपने बना दी तो मैं यूज करता हूं मोडल्स को जैसे कि आ�
8:54
जावास्क्रिप्ट की सहायता से एचटीएमल को ऊपर ला सकते हैं ठीक है तो वह मैं ज्यादा इस्तेमाल करता हूं ए�
8:59
और चीज जो मुझे सही नहीं लगती है वह यह है कि यह जो है मेन एक्सेडेशन थ्रेड को ब्लॉक कर देते है�
9:04
तो यह तब तक नहीं दिखाएंगे तो यहां पर कुछ नहीं लिखा गया फिर यह आप यह आप यह यह वेट कर रहा था इसक�
9:25
578 को यहां पर print करने के लिए ठीक है तो वो चीज जो है बहुत बढ़िया नहीं है ठीक है तो यह एक limitation है इसकी तो आप modals को इस्तेमाल कर सकते हैं लेकिन मैं इसको कहां use करता हूं यह भी मैं आप लोग को बताता हूं मैं अपने admin panels पर इसको use करता हूं देखो कभी कभी मैं admin panels
9:55
ने क्या किया था कि जो फ्रंट एंड है उसको तो बहुत खुबसूरत बनाया था मैंने इंचोर किया था कि या जो भी ह�
9:59
बना रहे हैं यहां पर चाहे वह यहां पर टीशर्ट के फिल्टर्स हो या फिर कुछ भी हो वह बहुत अच्छे दिखें य�
10:05
डिजाइंस अच्छे दिखें, even फोन में ये बहुत अच्छा दिखें, अगर आपके वाज़ फोन है तो आप चेक कर सकते हो
10:09
लेकिन admin panel पर हमें क्या करना है, सिर्फ products को add करना है, orders को process करना है, तो वहाँ प�
10:13
कभी भी हमें कोई order जैसे delete करना है, कोई order cancel हुआ, मैं उसको delete करना system से
10:17
या फिर कोई भी product को delete करना है, हम लोगों को, तो हम delete दबाते हैं, तो मैं आपको confirm को इस्तेमाल करता हूँ
10:22
क्यों, क्योंकि, मैं development में उतना था टाइम नहीं देना चाहता, future में मैंने उसको change किया
10:28
और modal मैंने use किया but again ठीक है अगर quickly कोई भी चीज़ मैं pull करना चाहता हू�
10:33
और मुझे लगता है कि वो user नहीं देखने वाला है तो मैं confirm को use करता हूँ alert और prompt को भी use करता हू�
10:38
लेकिन कभी भी alert, prompt और confirm को आप लोग use शायद ना करना चाहें अपन�
10:43
frontend apps में क्योंकि ये थोड़ा सा पुराना से look देता है लेकिन ये exist करते है�
10:47
ये आपको पता होना चाहिए और इसको आप लोग इस्तेमाल कर सकते हैं ये आपको पता होना चाहिए so I hope कि आप लोगों क�
10:53
समझ आ रहा है जो भी मैंने आप लोगों को बताया और उसी के साथ साथ अगर आप लोगों ने muffin की प्लेलिस एक्सेस नहीं करी तो उसको जरूर एक्से�
10:59
कर लेना और बुक मार्क कर लेना इस प्लेलिस को यहां पर क्लिक करके यहां क्लिक करके सेव कर लेना अभी के लि�
11:05
वीडियो में इतने है गाइस थैंक यू सो मच गाइस वाचिंग इस वीडियो एंड आई विल सी यू नेक्स्ट टाइम �
#Browser Games
#Computer Education
#Intelligent Personal Assistants
#Other
#Programming