Как заменить $(document).ready() на чистом JavaScript без jQuery?

مرحباً بالجميع! لقد بدأت للتو في تعلم JavaScript وكنت أستخدم jQuery سابقاً. هناك اعتدت كتابة هذا الكود: ```javascript $(document).ready(function() { // الكود الخاص بي الذي يتم تنفيذه بعد تحميل DOM console.log('الصفحة جاهزة!'); }); ``` أو النسخة المختصرة: ```javascript $(function() { // كود }); ``` الآن أريد التخلي عن jQuery لتقليل حجم الصفحة والكتابة بلغة JavaScript النقية. لكنني لا أعرف كيف أصنع بديلاً لـ `$(document).ready()` في JS الأصلي. المشكلة هي أنه إذا كتبت السكريبت في `` أو في بداية ``، فقد يتم تنفيذه قبل أن يتم بناء شجرة DOM بالكامل. على سبيل المثال، أحاول الوصول إلى عنصر غير موجود بعد: ```javascript document.querySelector('.my-class').textContent = 'مرحباً!'; // خطأ: العنصر null ``` كيف يمكنني الانتظار بشكل صحيح حتى يتم تحميل DOM بالكامل بلغة JavaScript النقية؟ هل هناك عدة طرق للقيام بذلك؟ وما الفرق بينها؟ أرغب جداً في كتابة