डेवलपर्स ज्यादातर चाहते हैं कि उनके वेब पेज आकर्षक हों और उन्हें इंटरैक्टिव बनाएं। इस उद्देश्य के लिए, वेब पेज में बटन जोड़े जाते हैं। उदाहरण के लिए, जब किसी खाते में पंजीकरण या साइन इन करते समय उपयोगकर्ता के लिए अतिरिक्त कार्यक्षमताओं के लिए क्लिक ईवेंट सहित डेटा भेजने या प्राप्त करने की आवश्यकता होती है। ऐसे मामलों में, बटन एंड-यूज़र को स्मार्ट तरीके से विभिन्न कार्य करने की अनुमति देते हैं।
यह ब्लॉग जावास्क्रिप्ट में बटन बनाने के तरीकों की व्याख्या करेगा।
जावास्क्रिप्ट में बटन कैसे बनाएं?
जावास्क्रिप्ट में बटन बनाने के लिए, निम्नलिखित विधियों का उपयोग किया जा सकता है:
निम्नलिखित दृष्टिकोण अवधारणा को एक-एक करके प्रदर्शित करेंगे!
विधि 1: 'createElement ()' और 'appendChild ()' विधियों का उपयोग करके जावास्क्रिप्ट में बटन बनाएं
' क्रिएट एलिमेंट () 'विधि एक तत्व बनाती है, और' अपेंड चाइल्ड() 'विधि किसी तत्व के अंतिम बच्चे के लिए एक तत्व जोड़ती है। इन विधियों को एक बटन बनाने और इसे दस्तावेज़ ऑब्जेक्ट मॉडल (डीओएम) में जोड़ने के लिए लागू किया जाएगा जिसे क्रमशः उपयोग करने की आवश्यकता है।
वाक्य - विन्यास
दस्तावेज़। क्रिएट एलिमेंट ( प्रकार )तत्व। अपेंड चाइल्ड ( नोड )
उपरोक्त वाक्य रचना में, ' प्रकार 'तत्व के प्रकार को संदर्भित करता है जो createElement() विधि का उपयोग करके बनाया जाएगा, और' नोड ” वह नोड है जिसे एपेंडचाइल्ड () विधि की मदद से जोड़ा जाएगा।
निम्नलिखित उदाहरण घोषित अवधारणा की व्याख्या करेगा।
उदाहरण
सबसे पहले, एक ' बटन 'दस्तावेज़.createElement() विधि का उपयोग करके बनाया जाएगा और 'नाम के एक चर में संग्रहीत किया जाएगा' क्रिएटबटन ':
स्थिरांक क्रिएटबटन = दस्तावेज़। क्रिएट एलिमेंट ( 'बटन' )अगला, ' आंतरिक पाठ 'संपत्ति बनाए गए बटन को संदर्भित करेगी और निर्दिष्ट बटन का टेक्स्ट मान निम्नानुसार सेट करेगी:
क्रिएटबटन. आंतरिक पाठ = 'मुझे क्लिक करो'अंत में, ' अपेंड चाइल्ड() 'विधि बनाए गए बटन को उस चर के संदर्भ में DOM में जोड़ देगी जिसमें इसे एक तर्क के रूप में संग्रहीत किया जाता है:
दस्तावेज़। तन . अपेंड चाइल्ड ( क्रिएटबटन ) ;उपरोक्त कार्यान्वयन का परिणाम निम्नानुसार होगा:
विधि 2: 'इनपुट' टैग की 'प्रकार' विशेषता का उपयोग करके जावास्क्रिप्ट में बटन बनाएं
' प्रकार 'विशेषता प्रदर्शित करने के लिए इनपुट तत्व के प्रकार का प्रतिनिधित्व करती है। इसका उपयोग 'निर्दिष्ट करके एक बटन बनाने के लिए किया जा सकता है' बटन 'इनपुट टैग के प्रकार विशेषता के मान के रूप में।
वाक्य - विन्यास
< निवेष का प्रकार = 'बटन' >यहां, ' बटन 'इनपुट फ़ील्ड के प्रकार को इंगित करता है।
नीचे दिए गए उदाहरण को देखें।
उदाहरण
सबसे पहले, हम एक इनपुट टैग का उपयोग करेंगे, इसके प्रकार को “के रूप में निर्दिष्ट करें” बटन ', और मान' के रूप में मुझे क्लिक करो ' नतीजतन, एक बटन बनाया जाएगा। इसके अलावा, यह ट्रिगर करेगा ' क्रिएटबटन () 'क्लिक किए जाने पर फ़ंक्शन:
< निवेष का प्रकार = बटन मान = क्लिक_मी ऑनक्लिक = 'बटन बनाएं ()' >जावास्क्रिप्ट फ़ाइल में, हम परिभाषित करेंगे ' क्रिएटबटन () 'फ़ंक्शन जो एक अलर्ट बॉक्स उत्पन्न करेगा जब जोड़ा बटन क्लिक किया जाएगा:
समारोह क्रिएटबटन ( ) {चेतावनी ( 'यह एक बटन है' )
}
उत्पादन
जावास्क्रिप्ट में बटन बनाने की चर्चा की गई तकनीकों का उपयोग आवश्यकताओं के अनुसार उपयुक्त रूप से किया जा सकता है।
निष्कर्ष
जावास्क्रिप्ट में एक बटन बनाने के लिए, “ क्रिएट एलिमेंट () ' तथा ' अपेंड चाइल्ड() 'एक बटन बनाने और इसे DOM में उपयोग करने के लिए जोड़ने के लिए विधियों को लागू किया जा सकता है। एक अन्य तकनीक जिसका उपयोग बटन बनाने के लिए किया जा सकता है वह है इनपुट प्रकार को परिभाषित करना और संबंधित कार्यक्षमता को जोड़ना। इस लेख ने जावास्क्रिप्ट में एक बटन बनाने के तरीकों का प्रदर्शन किया।