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

JavaScript - HTML बटन पर क्लिक करने पर अलर्ट बनाएं

बटन पर क्लिक करने पर अलर्ट फायर करने के लिए, addEventListener() का उपयोग करें। मान लीजिए HTML वेब पेज पर हमारा बटन निम्नलिखित है:

उदाहरण

निम्नलिखित कोड देखें:




  
  
  Document

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

आउटपुट

आउटपुट इस प्रकार है:

JavaScript - HTML बटन पर क्लिक करने पर अलर्ट बनाएं

जब भी आप बटन दबाएंगे, आपको एक अलर्ट संदेश मिलेगा।

आउटपुट

आउटपुट इस प्रकार है:

JavaScript - HTML बटन पर क्लिक करने पर अलर्ट बनाएं


  1. JavaScript में onclick() के साथ फ़ंक्शन कॉल करें JavaScript में onclick() के साथ फ़ंक्शन कॉल करें

    मान लीजिए निम्नलिखित हमारा बटन है: Press Me हमें उपरोक्त बटन के क्लिक पर फ़ंक्शन कॉल करने की आवश्यकता है। उदाहरण निम्नलिखित कोड देखें: Document Press Me function displayingMessageOnButtonClick() { const showMessage = document.getElementById(showTheTextMessage); show

  1. JavaScript से टू-डू लिस्ट कैसे बनाएं JavaScript से टू-डू लिस्ट कैसे बनाएं

    उदाहरण टू-डू लिस्ट बनाने के लिए निम्नलिखित कोड है: <!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> <link rel=stylesheet href=/

  1. HTML से फ़ाइल अपलोड बटन कैसे बनाएं? HTML से फ़ाइल अपलोड बटन कैसे बनाएं?

    HTML से फ़ाइल अपलोड बटन कैसे बनाएं? HTML से फ़ाइल अपलोड बटन बनाने के लिए, कोड इस प्रकार है: उदाहरण <!DOCTYPE html> <html> <head> <h1>File upload button example</h1> <p>Click on the Choose File button to upload a file:</p> <form> <input type="