Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> JavaScript

जावास्क्रिप्ट में बटन क्लिक पर डिव को छिपाना

मान लीजिए निम्नलिखित हमारा डिव है -

 Welcome in JavaScript

निम्नलिखित हमारा बटन है। क्लिक करने पर, उपरोक्त डिव छिप जाना चाहिए -

डिव को छिपाने के लिए जावास्क्रिप्ट में style.display अवधारणा का उपयोग करें। कोड निम्नलिखित है -

उदाहरण

 

     Document       
 Welcome in JavaScript

उपरोक्त प्रोग्राम चलाने के लिए, फ़ाइल का नाम "anyName.html(index.html)" से सेव करें और फ़ाइल पर राइट-क्लिक करें। VS कोड एडिटर में "Open with Live Server" विकल्प चुनें।

आउटपुट

यह निम्नलिखित आउटपुट देगा -

जावास्क्रिप्ट में बटन क्लिक पर डिव को छिपाना

जब उपयोगकर्ता बटन पर क्लिक करता है, तो डिव छिप जाता है। स्क्रीनशॉट इस प्रकार है -

जावास्क्रिप्ट में बटन क्लिक पर डिव को छिपाना

  1. JavaScript में बटन क्लिक पर 10 का इंक्रीमेंट कैसे बनाएं? JavaScript में बटन क्लिक पर 10 का इंक्रीमेंट कैसे बनाएं?

    उदाहरण click() इवेंट और parseInt() का उपयोग करके हर क्लिक पर 10 बढ़ाएं। <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <meta name=viewport content=width=device-width, initial-scale=1.0> <title>Document</title> </head> <body> &

  1. JavaScript में बटन क्लिक पर टेक्स्ट फील्ड को खाली कैसे करें? JavaScript में बटन क्लिक पर टेक्स्ट फील्ड को खाली कैसे करें?

    उदाहरण onclick इवेंट और value = से टेक्स्ट फील्ड क्लियर करें। <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <meta name=viewport content=width=device-width, initial-scale=1.0> <title>Document</title> </head> <body> <input

  1. JavaScript में div का स्क्रीनशॉट लेना JavaScript में div का स्क्रीनशॉट लेना

    हमें अपने मार्कअप के उन हिस्सों को कैप्चर करने (छवि में बदलने) की आवश्यकता है जो हमारी वेबसाइट को लेआउट करते हैं और उस कैप्चर की गई छवि को सहेजना या उसके साथ कुछ करना है। इसलिए, हमें इस वर्णित व्यवहार को प्राप्त करने का एक तरीका तैयार करना आवश्यक है। चूंकि हमारी समस्या में केवल कैनवास ही नहीं बल्कि