هل تستخدم بوتستراب لغة جافاسكربت؟

العكس تماما , ربما لأنك لا ترى أكواد جافاسكربت ولا اكواد css تعقتد أنه فقط باستخدام اكواد html تم بناء هذا المكون , ولكن هذا اعتقاد خاطئ, يتم استخدام تنسيقات css لتنسيق هذا المكون ولذلك موقع بوتستراب 5 يوفر ملفات css الخاصة بالمكتبة ويتم استخدام اكواد جافاسكربت لاستخدام الاحداث والتفاعلات مع العناصر ولذلك يوفر ملفات جافاسكربت , لو لاحظت أنك قبل استخدام بوتستراب تقوم بتضمين ملفات css وملفات جافاسكربت الخاصة ببوتستراب لكي تعمل وتظهر المكونات وهذا دليل أنها تستخدم اكواد css واكواد جافسكربت وليس اكواد html خالصة كما تعتقد, لا يمكن بناء مكون مثل Modal الذي توفره بوستراب دون استخدام جافاسكربت

بتاريخ 5 دقائق مضت قال محمد أبو عواد:

لا يمكن بناء مكون مثل Modal الذي توفره بوستراب دون استخدام جافاسكربت

كيف اعمل مثل هذا المكون بنفسي، كل ما اريد معرفته كيفية التعمامل مع هذه الخواص

data-bs-toggle="modal" data-bs-target="#staticBackdrop"

data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true"

وكيف عن طريقها نعمل احداث 

بتاريخ الآن قال علي الكاسر:

كيف اعمل مثل هذا المكون بنفسي، كل ما اريد معرفته كيفية التعمامل مع هذه الخواص

data-bs-toggle="modal" data-bs-target="#staticBackdrop"

data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true"

وكيف عن طريقها نعمل احداث 

تحتاج الى زر , عنصر يكون مخفي , وعند الضغط على الزر تقوم باستخدام جافاسكربت باطلاق حدث من نوع click وظيفته هو اظهار العنصر المخفي , الأمر بسيط ولا يتعلق بالعناصر التي ذكرتها, العناصر التي ذكرتها قامت بوتستراب بانشائها , يمكنك أنت أن تقوم بانشاء خصائص خاصة بك واستخدامها في جافاسكربت , بالنسبة للخاصية data- هي خاصية رائعة ويمكنك استخدامها لتخزين قيم مختلفة فيها , فمثلا لو كان لدينا هذا المثال

<div id="info" data-name="محمد" data-age="21" data-gender="ذكر">
...
</div>

لاحظ أنني أنشأت خصائص خاصة بي وهي name و age و gender , تسبق ب data- لكي نستطيع الاستفادة منها في جافاسكربت كالتالي:

const my = document.querySelector('#info');

بداية قمت بالحصول على العنصر باستخدام المعررف id الخاص به , ثانيا اذا اردت الحصول على قيمة الخاصية data-name فيكون الامر كالتالي

my.dataset.name 

اولا my وهي العنصر الذي حصلت عليه
ثانيا dataset ومن خلالها نصل للعناصر data- التي قمت بانشائها 
ثالثا name وهي اسم الخاصية التي أنشاتها 
لو حاولت طباعة الأمر السابق سوف تكون النتيجة

محمد

ونفس الأمر لو أردنا الحصول على العمر اي الخاصية age فيكون كالتالي

article.dataset.age // 21

كما تلاحظ يمكنك الاستفادة منها كثيرا

بتاريخ 37 دقائق مضت قال محمد أبو عواد:

تحتاج الى زر , عنصر يكون مخفي , وعند الضغط على الزر تقوم باستخدام جافاسكربت باطلاق حدث من نوع click وظيفته هو اظهار العنصر المخفي , الأمر بسيط ولا يتعلق بالعناصر التي ذكرتها, العناصر التي ذكرتها قامت بوتستراب بانشائها , يمكنك أنت أن تقوم بانشاء خصائص خاصة بك واستخدامها في جافاسكربت , بالنسبة للخاصية data- هي خاصية رائعة ويمكنك استخدامها لتخزين قيم مختلفة فيها , فمثلا لو كان لدينا هذا المثال

<div id="info" data-name="محمد" data-age="21" data-gender="ذكر">
...
</div>

لاحظ أنني أنشأت خصائص خاصة بي وهي name و age و gender , تسبق ب data- لكي نستطيع الاستفادة منها في جافاسكربت كالتالي:

const my = document.querySelector('#info');

بداية قمت بالحصول على العنصر باستخدام المعررف id الخاص به , ثانيا اذا اردت الحصول على قيمة الخاصية data-name فيكون الامر كالتالي

my.dataset.name 

اولا my وهي العنصر الذي حصلت عليه
ثانيا dataset ومن خلالها نصل للعناصر data- التي قمت بانشائها 
ثالثا name وهي اسم الخاصية التي أنشاتها 
لو حاولت طباعة الأمر السابق سوف تكون النتيجة

محمد

ونفس الأمر لو أردنا الحصول على العمر اي الخاصية age فيكون كالتالي

article.dataset.age // 21

كما تلاحظ يمكنك الاستفادة منها كثيرا

فهمت قليلا، ولكن هنا لايوجد معرف اي دي للزر 

<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#staticBackdrop">
  Launch static backdrop modal
</button>

لم افهم كيف يمكنه تشغيل واظهار النافذه عند الضغط عليه وهو ليس مربوط بحدث معين او له معرف اي دي 

بالنسبه لكيفية عمل نافذه مثل هذه انا اعرف اعمل هذا الشي بالجافا سكربت، السؤال عن التقنيه التي تستخدمه بوستراب لتشغيل هذه الاوامر دون زر مربوط بحدث