طرق لعرض البيانات
سوف نشرح لكم طرق عرض البيانات في الجافا سكربت, كما تعلمنا سابقاً اول طريقة وهي عبر 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 و تم عرضها
و نعرض النتيجة كما في هذه الصورة
ليست هناك تعليقات:
إرسال تعليق