Avatar ·

डायनामिक रूप से बनाए गए एलिमेंट्स पर इवेंट हैंडलर्स कैसे अटैच करें JavaScript में?

सभी को नमस्ते! मैं JavaScript में नया हूँ और एक समस्या में फंस गया हूँ जिसे हल नहीं कर पा रहा हूँ। मेरे पास एक टास्क लिस्ट (कामों की सूची) है। यूज़र फॉर्म के ज़रिए नए एलिमेंट जोड़ सकता है। हर लिस्ट एलिमेंट में एक "डिलीट" बटन होना चाहिए, ताकि किसी विशेष टास्क को हटाया जा सके। समस्या यह है कि जब मैं JavaScript के ज़रिए डायनामिक रूप से नया लिस्ट एलिमेंट जोड़ता हूँ (जैसे `innerHTML` या `createElement` का उपयोग करके), तो "डिलीट" बटन पर क्लिक हैंडलर काम नहीं करता। हैंडलर केवल उन एलिमेंट्स के लिए काम करते हैं जो शुरू में HTML में थे। यहाँ सरल कोड है जो समस्या दिखाता है: ```html
  • टास्क 1
  • टास्क 2