शुद्ध JavaScript (Vanilla JS) में $(document).ready() को कैसे बदलें और DOM लोड होने के बाद कोड कैसे चलाएं?

सभी को नमस्ते! मैंने अभी JavaScript सीखना शुरू किया है, और इससे पहले jQuery के साथ थोड़ा काम किया था। वहां सब कुछ आसान था: पेज लोड होने और DOM-ट्री तैयार होने के बाद कोड चलाने के लिए, मैं लिखता था:\n\n```javascript\n$(document).ready(function() {\n // मेरा कोड\n});\n```\n\nया संक्षेप में:\n\n```javascript\n$(function() {\n // मेरा कोड\n});\n```\n\nअब मैंने jQuery छोड़ने और शुद्ध JavaScript (Vanilla JS) में लिखने का फैसला किया है, ताकि पेज का आकार कम हो और यह बेहतर समझ सकूं कि सब कुछ अंदर से कैसे काम करता है। लेकिन मुझे एक समस्या का सामना करना पड़ा: `$.ready()` का सही विकल्प कैसे बनाएं?\n\nमैंने `window.onload` का उपयोग करने की कोशिश की, लेकिन यह सभी इमेज और स्टाइल के पूरी तरह लोड होने के बाद ही चलता है, जबकि मुझे DOM बनते ही कोड चलाना है। उदाहरण के लिए, मैं हैंडलर लगाना चाहता हूं...