إخراج JavaScript

في بعض الحالات، قد تحتاج إلى إنتاج الناتج من كود JavaScript. على سبيل المثال، قد ترغب في عرض قيمة المتغير، أو كتابة رسالة إلى محرر المتصفح لمساعدتك في إصلاح مشاكل في كود JavaScript الذي يتم تشغيله، وما إلى ذلك.

في هذا الدرس، ستعلم كيفية إنتاج الناتج في JavaScript.

طرق إنتاج الناتج لـ JavaScript

يمكن لـ JavaScript عرض البيانات بطرق مختلفة:

• لإدخال إلى عنصر HTML باستخدام innerHTML

• لإدخال إلى تدفق المستند باستخدام document.write()

• لإظهار نافذة تحذير باستخدام window.alert()

• لإدخال إلى محرر المتصفح باستخدام console.log()

استخدام innerHTML

يمكنك استخدام الخاصيةinnerHTMLخصائص لتحرير أو إدراج الناتج في عنصر HTML.

لكن، قبل كتابة الناتج، نحتاج إلى استخدام مثلgetElementById()من هذه الطرق لاختيار العنصر.

<p id="msg"></p>
<p id="output"></p>
<script>
document.getElementById("msg").innerHTML = "مرحبا بالعالم";
document.getElementById("output").innerHTML = 20 + 30;
</script>

استخدام innerHTML لتغيير محتوى HTML العنصر، هو طريقة شائعة لعرض البيانات في HTML.

استخدام document.write()

يمكنك استخدامdocument.write()الطريقة لتحليل المحتوى إلى المستند الحالي.

<script>
document.write("مرحبا بالعالم<br>");
document.write(20 + 30);
</script>

إذاdocument.write()استخدم هذه الطريقة بعد تحميل الصفحة، حيث ستقوم بتبديل جميع المحتويات الموجودة حاليًا في الوثيقة.

<script>
function myFunc() {
　　　document.write("<p>test document.write().</p>");
}
</script>

استخدام window.alert()

يمكنك أيضًا استخدام نافذة التحذير لعرض الرسائل أو إخراج البيانات للمستخدم.

استخدامalert()تقوم الأسلوب بإنشاء نافذة تحذير.

<button onclick="alert('Hello world');">alert</button>

استخدام console.log()

يمكنك استخدامconsole.log()الأساليب سهلة لإخراج الرسائل أو كتابة البيانات إلى كونسول المتصفح.

يمكن استخدام هذا الكونسول لأغراض اختبار أو الت调试.

<script>
console.log("Hello world");
console.log(20 + 30);
</script>

للوصول إلى كونسول متصفح الويب، يرجى الضغط أولاً علىF12استخدم مفاتيح المفاتيح على لوحة المفاتيح لفتح أدوات المطور، ثم انقر على علامة التبويب الكونسول.

ستتعرفون على المزيد من المعلومات حول الت调试 في الجزء التالي من هذا الدليل.