logo

Extra Block Types (EBT) - New Layout Builder experience❗

Extra Block Types (EBT) - styled, customizable block types: Slideshows, Tabs, Cards, Accordions and many others. Built-in settings for background, DOM Box, javascript plugins. Experience the future of layout building today.

Demo EBT modules Download EBT modules

❗Extra Paragraph Types (EPT) - New Paragraphs experience

Extra Paragraph Types (EPT) - analogical paragraph based set of modules.

Demo EPT modules Download EPT modules

Scroll

jQuery के बिना JavaScript को पुनः लिखने के लिए Chat GPT का उपयोग करना

02/09/2025, by Ivan

jQuery को JavaScript में पुनः लिखने के लिए ChatGPT प्रॉम्प्ट

यदि आप jQuery कोड को शुद्ध JavaScript में ChatGPT की मदद से दोबारा लिखना चाहते हैं, तो chat.openai.com पर जाएँ और निम्नलिखित स्पष्ट और संक्षिप्त प्रॉम्प्ट दर्ज करें:

कृपया निम्नलिखित jQuery कोड को वनीला JavaScript में पुनः लिखें, उसी कार्यक्षमता को बनाए रखते हुए। आधुनिक JavaScript मानकों (ES6+) के अनुरूप हो। साथ ही, यदि उपयुक्त हो तो Drupal.behaviors का उपयोग शामिल करें। [यहाँ अपना jQuery कोड चिपकाएँ]

[यहाँ अपना jQuery कोड चिपकाएँ] स्थान को उस jQuery कोड से बदलें जिसे आप कन्वर्ट करना चाहते हैं।

यहाँ एक jQuery से JavaScript में कन्वर्ज़न का उदाहरण दिया गया है:

(function ($, Drupal) {
  Drupal.behaviors.myBehavior = {
    attach: function (context, settings) {
      // पृष्ठ लोड पर प्रति एलिमेंट एक बार ही चले
      $('.my-class', context).once('myBehavior').each(function () {
        $(this).click(function () {
          alert('Element clicked: ' + $(this).text());
        });
      });

      // डायनामिक रूप से क्लास जोड़ने का उदाहरण
      $('.toggle-button', context).once('toggleBehavior').click(function () {
        $('.toggle-target').toggleClass('active');
      });
    }
  };
})(jQuery, Drupal);

jQuery के बिना पुनः लिखा गया JavaScript कोड:

(function (Drupal) {
  Drupal.behaviors.myBehavior = {
    attach: function (context, settings) {
      context.querySelectorAll('.my-class').forEach(function(element) {
        if (!element.dataset.myBehaviorAttached) {
          element.dataset.myBehaviorAttached = true;
          element.addEventListener('click', function () {
            alert('Element clicked: ' + element.textContent);
          });
        }
      });

      context.querySelectorAll('.toggle-button').forEach(function(button) {
        if (!button.dataset.toggleBehaviorAttached) {
          button.dataset.toggleBehaviorAttached = true;
          button.addEventListener('click', function () {
            document.querySelectorAll('.toggle-target').forEach(function(target) {
              target.classList.toggle('active');
            });
          });
        }
      });
    }
  };
})(Drupal);
उपनाम