अलर्ट बॉक्स क्या है?
अलर्ट बॉक्स एक छोटी सी खिड़की है जो किसी प्रकार के उपयोगकर्ता इंटरैक्शन (क्लिक, स्क्रॉलिंग, टाइपिंग, आदि) की प्रतिक्रिया के रूप में पॉप अप होती है। अलर्ट बॉक्स का उपयोग ज्यादातर उपयोगकर्ताओं को समस्याओं . के बारे में चेतावनी देने के लिए किया जाता है लेकिन उनका उपयोग केवल अंतिम उपयोगकर्ता को सूचित करने के लिए भी किया जाता है।
अलर्ट बॉक्स का उपयोग करने का एक सामान्य उदाहरण यह है कि यदि कोई उपयोगकर्ता फ़ॉर्म सबमिट बटन पर क्लिक करता है, लेकिन वे एक आवश्यक फ़ील्ड भरना भूल गए हैं। इसके बाद अलर्ट बॉक्स एक संदेश के साथ पॉप अप होगा जो उपयोगकर्ता को समस्या की व्याख्या करता है:
अलर्ट बॉक्स कैसे बनाएं
आइए ऊपर दिए गए स्क्रीनशॉट से सटीक अलर्ट बॉक्स को दोहराएं।
सबसे पहले, ट्रिगर के रूप में उपयोग करने के लिए एक बटन तत्व बनाएं:
<button onclick="missingFieldWarningPopup()">Submit form</button>
अब इस JavaScript फ़ंक्शन को अपने .js . में जोड़ें फ़ाइल:
function missingFieldWarningPopup() {
alert("You forgot to fill out all the required input fields!")
}
कोड में क्या होता है: बटन तत्व में एक onclick है एक क्लिक इवेंट ट्रिगर के रूप में विशेषता। जब उपयोगकर्ता बटन पर क्लिक करता है, तो क्लिक ईवेंट missingFieldWarningPopup() को कॉल करता है फ़ंक्शन, जो alert() को पॉप अप करता है प्रॉम्प्ट विंडो और अंदर स्ट्रिंग (टेक्स्ट) प्रदर्शित करता है।
यदि आप JavaScript फ़ंक्शन को इनलाइन, . के रूप में जोड़ना चाहते हैं कोड, फिर इसे <head> . के अंदर जोड़ें आपके HTML दस्तावेज़ का तत्व:
<script type="text/javascript">
function missingFieldWarningPopup() {
alert("You forgot to fill out all the required input fields!")
}
</script>उदाहरण कोड।