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

JavaScript में क्लास वाले बटन पर क्लिक करके अलर्ट कैसे दिखाएं?

उदाहरण

document.getElementsByClassName() का उपयोग करके क्लास वाले बटन पर इवेंट लगाएं।

<!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> 
<button class="clickTheButton">Click The Button to get an alert</button> 
<script> 
    for (var clickButton of document.getElementsByClassName("clickTheButton")) 
        clickButton.addEventListener("click", alertMeessage); 
    function alertMeessage() { 
        alert("You have clicked the button"); 
    } 
</script> 
</body> 
</html>

फ़ाइल सेव करें और Live Server से खोलें।

आउटपुट

बटन क्लिक करने पर अलर्ट मैसेज दिखाई देगा।

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

    बटन पर क्लिक करने पर अलर्ट फायर करने के लिए, addEventListener() का उपयोग करें। मान लीजिए HTML वेब पेज पर हमारा बटन निम्नलिखित है: Please Press Me उदाहरण निम्नलिखित कोड देखें: Document Please Press Me var pressedButton = document.getElementsByTagName(button)[0]; pressedButton

  1. JavaScript में संपूर्ण डॉक्यूमेंट HTML को स्ट्रिंग के रूप में कैसे प्राप्त करें JavaScript में संपूर्ण डॉक्यूमेंट HTML को स्ट्रिंग के रूप में कैसे प्राप्त करें

    संपूर्ण डॉक्यूमेंट HTML को स्ट्रिंग के रूप में प्राप्त करने के लिए, innerHTML की अवधारणा का उपयोग करें, जैसे:document.documentElement.innerHTML;उदाहरणकोड निम्न है:<!DOCTYPE html> <html lang=en> <head>    <meta charset=UTF-8>    <meta name=viewport conte

  1. Android WebView में JavaScript के ज़रिए HTML बटन क्लिक कैसे डिटेक्ट करें? Android WebView में JavaScript के ज़रिए HTML बटन क्लिक कैसे डिटेक्ट करें?

    Android WebView में JavaScript के ज़रिए HTML बटन क्लिक डिटेक्ट करना यह उदाहरण दर्शाता है कि Android WebView में JavaScript के ज़रिए HTML बटन क्लिक कैसे डिटेक्ट किया जाता है। चरण 1 - नया प्रोजेक्ट बनाएं Android Studio में File → New Project पर जाएं और नया प्रोजेक्ट बनाने के लिए सभी आवश्यक विवरण भरें