طرق عرض البيانات في الجافا سكربت JavaScript الدرس | 6 | - Programmer Tech

Programmer Tech

موقع تعليم مجاني يهتم بتعلم البرمجة و علوم الكمبيوتر, أمن المعلومات, القرصنة الأخلاقية, سكربتات

إعلان اعلى المقالة

الخميس، 28 نوفمبر 2019

طرق عرض البيانات في الجافا سكربت JavaScript الدرس | 6 |


طرق لعرض البيانات

سوف نشرح لكم طرق عرض البيانات في الجافا سكربت, كما تعلمنا سابقاً اول طريقة وهي عبر console.log اليوم سوف نتعرف على طرق غيرها.

الطريقة الأولى عبر console

عبر console و نقوم بكتابة console.log و من ثم فتح قوسين و نقوم بكتابة داخلها البيانات او المتغير الذي نريد عرض بياناته كما هو موضح بالصورة.


الطريقة الثانية عبر alert

نقوم بكتابة alert و و من ثم فتح قوسين و نقوم بكتابة داخلها البيانات او المتغير الذي نريد عرض بياناته كما هو موضح بالصورة.


و النتيجة سوف نراها بالصورة, نلاحظ انه عرض لنا البيانات كـ dailog عندما فتحنا الصفحة او حدثناها.


الطريقة الثالثة عبر عنصر html

عبر انشاء عنصر من عناصر ال html ضمن ملف الـ html واعطاءه id محدد كما بهذا المثال

في ملف html
<body>
    <h1 id="learn javascript"></h1>
</body>

لقد انشأنا عنصر h1 و اعطيناه الأيدي learn javascript كي نستدعيه عبر الجافاسكربت

وفي الجافاسكربت
var age = 26;
document.getElementById("learn javascript").innerHTML = "age: \n" +age;

لقد انشأنا المتغير age و من ثم بدأنا بعرض البيانات وربطها بـ html عبر كتابة document.getElementById و فتح قوسين ووضع الايدي الذي حددناه ضمن ملف html و تم عرضها


و نعرض النتيجة كما في هذه الصورة


ليست هناك تعليقات:

إرسال تعليق

facebook

تسميات

تواصل معنا

Translate

أخر الافكار

من انا

authorمبرمجين ويب و محبين للتقنية و الشبكات و امن المعلومات و سوف نقدم لكم الافضل إن شاء الله
أعرف المزيد ←

نموذج الاتصال

الاسم

بريد إلكتروني *

رسالة *

اقسام