Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> 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> 
<style> 
    .demo { background: skyblue; height: 20px; width: 75%; margin: 10px; padding: 10px; } 
</style> 
</head> 
<body> 
<div class="demo" data-st="John">John Smith</div> 
<div class="demo" data-st="David">David Miller</div> 
<div class="demo" data-st="Adam">Adam Smith</div> 
<script> 
    var studentNames = function() { 
        var names = []; 
        $(".demo").each(function() { 
            names.push($(this).data('st')); 
        }); 
        return names.join(); 
    }; 
    console.log(studentNames()); 
</script> 
</body> 
</html>

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

आउटपुट

कंसोल में सभी डेटा एट्रिब्यूट वैल्यूज़ कॉमा-सेपरेटेड दिखाई देंगी।

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

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

  1. JavaScript में बाहरी फ़ंक्शन के अंदर से लिसनर हटाना JavaScript में बाहरी फ़ंक्शन के अंदर से लिसनर हटाना

    बाहरी फ़ंक्शन से लिसनर हटाने के लिए, removeEventListener() का उपयोग करें।उदाहरणकोड निम्न है:<!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> &l

  1. JavaScript में फ़ंक्शन के परिणाम को HTML के रूप में प्रदर्शित करना JavaScript में फ़ंक्शन के परिणाम को HTML के रूप में प्रदर्शित करना

    फ़ंक्शन के परिणाम को HTML के रूप में प्रदर्शित करने के लिए, आप उपयोग कर सकते हैं:document.getElementById().innerHTML.उदाहरणकोड निम्न है:<!DOCTYPE html> <html lang=en> <head>    <meta charset=UTF-8>    <meta name=viewport content=width=device-width, init