فاصلة
  • JAVASCRIPT
  • ?
    : ترتيب الدرس
  • 11
    عدد الدروس
  • ?
    أخر تحديث

المخرجات في الجافاسكربت

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

ولنفترض بأنك تريد طباعة أسمك علي شاشة الحاسوب ,في تلك الحالة يعتبر النتيجة النهائية وهي ظهور أسمك علي شاشة الحاسوب هي عبارة عن ما يسمي بالمخرجات ,

المدخلات : كتابة أسمك عن طريق الكيبورد ,والكيبورد نوع من أنواع المدخلات

العمليات : تخزين أسمك في البرنامج

المخرجات : طباعة أسمك علي الشاشة

المخرجات في الجافاسكربت :

يوجد العديد من طرق الأخراج في الجافا سكربت ,سنتعرف عليها بالترتيب ,وسبب تعدد طرق الإخراج في الجافاسكربت هو أستخدام الطريق التي تفي بالغرض وتعطيك النتيجة المطلوبة .

  • الدالة innerHTML
  • الدالة ( )document.write
  • الدالة ( )window.aler
  • الدالة ( )console.log


الدالة InnerHTML

هي دالة تقوم بالطباعة داخل العنصر ,ولنفترض بأننا نتعامل مع عنصر الفقرات <p> ونريد كتابة فقرة بدون لغة الجافاسكربت ,بكل بساطة يكون الأمر  كالتالي

<p>فقرة</p>

ولكن ماذا لو استخدمنا الدالة innerHTML لطباعة أي شيء داخل العنصر

بدون كتابة شيء داخل العنصر نفسة ,والطريقة ستكون عن طريق ترك العنصر فارغ وسوف نستخدم الأمر Inner.HTML  للطباعة داخل العنصر .

<body>
<
p id="test"></p>

<
script>
document.getElementById("test").innerHTML ="فقرة";
</script>
<body>

يمكنك طباعة مجموع أرقام  أيضاً ,

<body>
<
p id="test"></p>

<
script>
document.getElementById("test").innerHTML =50+50;
</script>
<body>


دالة  document.write

هي دالة مسؤولة عن الطباعة المباشرة داخل الصفحة بدون أستخدام أي عناصر من لغة HTML ,وهي دالة مسؤولة عن أختبار نتائج المخرجات في لغة javascript , ويفضل دائماً عدم أستخدامها في غير ذلك ,

<body>

<
script>
document.write("welcome");
</script>
<body>


دالة window.alert  

هي دالة لعرض البيانات وهي عبارة عن صندوق رسائل Message Box ,والفرق بينها وبين دوال الأخراج الأخري هو  أنها لا تطبع البيانات في مساحة الصفحة ,بل تظهر صندوق رسائل يحمل البيانات المخرجة من البرنامج .

<body>
<
p id="test"></p>

<
script>
window.alert("welcome");
</script>
<body>

التضمين المخرجات أساسيات التعليقات المتغيرات العمليات الحسابية أنواع البيانات الدوال الشرطية حلقات التكرار الدوال الأحداث