ظهور صفحة المتصفح فارغة رغم كتابة كود html

Ali Alabri · 1 أكتوبر 2020

الصفحه فراغه وجرب جميع المتصفحات

Yomna Raouf · 1 أكتوبر 2020

بتاريخ 17 دقائق مضت قال Ali Alabri:

الصفحه فراغه وجرب جميع المتصفحات

من الطبيعي أن تظهر الصفحة فارغة لأن الوسم body المسؤول عن المحتوى الذي يظهر على الصفحة لا يوجد به أي وسوم ليتم عرضها.

الوسم script لا يتم عرض محتواه في الصفحة.

الوسوم التي يتم عرضها في المتصفح هي الوسوم مثل h1 العناوين و img للصور و هكذا.

إذا أردت أن تقوم باختبار أكواد javaScript يمكنك القيام بالتالي:

انقر بزر الفأرة الأيمن في أي مكان في هذه الصفحة الفأرة
من القائمة المنسدلة نختار inspect
سيظهر لنا نافذة في الصفحة
يمكن من خلالها اختيار console
بعد ذلك نقوم بنسخ الأكواد الموجودة داخل ال script tag في الأكواد الخاصة بك و لصقها في console و نضغط enter
سيظهر لك نتيجة الأكواد بعدها.

أنصحك بمشاهدة الفيديو التالي بداية من الدقيقة ٣:٢٥.

بالتوفيق.

Walid Mohamed2 · 1 أكتوبر 2020

لغة javascript هى لغة التفاعل مع عناصر html وليس بناء الصفحة .

يجب أن تضع عناصر html في الصفحة لكي يتم التفاعل مع javascript .

فمثلاً أنت مستدعى input في javascript ولكن ليس ضايف في body لكي تتفاعل مع function javascript

فمثلاً :

<button id="in">اضغط هنا <button>  //يجب أن تضع عنصر في الصفحة هكذا لكي يتم استدعائة مع جافاسكريبت
  
  
  //بعد ذلك نستدعى الزر ونتعامل مع javascript
<script>
	var Input = document.getElementById('in');  
  	Input.onclick() = function() {
    		alert('رسالة نصية')
	}
</script>

تم التعديل في 1 أكتوبر 2020 بواسطة Walid Mohamed2

ياسين عناية · 2 أكتوبر 2020

HTML : هي لغة ترميز تستخدم في إنشاء وتصميم صفحات ومواقع الويب.

و أحد المكونات الرئيسية في تكوين صفحة الويب و لعرض محتوى الصفحة بداخله هو الـ body،

الـ body هو عبارة عن حاوية لجميع المحتويات المرئية ، مثل العناوين ، والفقرات ، والصور ، والارتباطات التشعبية ، والجداول ، والقوائم ، وما إلى ذلك.

هنا ستجد جميع الـ elements الخاصة بالـ HTML و وظيفة العرض الخاصة بها.

JavaScript : هي لغة برمجة ديناميكية عالية المستوى تستخدم في متصفحات الويب لإنشاء صفحات أكثر تفاعلية، و يتم تطبيقها على ملف الـ HTML لتوفر التفاعل الديناميكي على الموقع.

بالتالي، عليك وضع محتوى الصفحة المراد عرضه داخل الـ <body> في ملف الـ html، و الإجراءات الديناميكية التيي تتم عن طريق لغة البرمجة javaScript عليك وضعها داخل الـ <script>.