logo

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

  1. مثال جافا سكريبت
  2. ضمن علامة الجسم
  3. ضمن علامة الرأس

مثال جافا سكريبت سهل الترميز. توفر جافا سكريبت ثلاثة أماكن لوضع كود جافا سكريبت: داخل علامة الجسم، وداخل علامة الرأس، وملف جافا سكريبت الخارجي.

لنقم بإنشاء المثال الأول لجافا سكريبت.

 document.write('JavaScript is a simple language for javatpoint learners'); 
اختبره الآن

ال النصي تحدد العلامة أننا نستخدم JavaScript.

ال نص/جافا سكريبت هو نوع المحتوى الذي يوفر معلومات للمتصفح حول البيانات.

ال وثيقة.كتابة () يتم استخدام الوظيفة لعرض المحتوى الديناميكي من خلال JavaScript. سنتعرف على كائن المستند بالتفصيل لاحقًا.


3 أماكن لوضع كود جافا سكريبت

  1. بين علامة الجسم لـ html
  2. بين علامة الرأس لـ html
  3. في ملف .js (جافا سكريبت خارجي)

1) مثال جافا سكريبت: الكود بين علامة الجسم

في المثال أعلاه، قمنا بعرض المحتوى الديناميكي باستخدام JavaScript. دعونا نرى المثال البسيط لجافا سكريبت الذي يعرض مربع حوار التنبيه.

 alert('Hello Javatpoint'); 
اختبره الآن

2) مثال جافا سكريبت: الكود بين علامة الرأس

دعونا نرى نفس المثال لعرض مربع حوار التنبيه لجافا سكريبت الموجود داخل علامة الرأس.

في هذا المثال، نقوم بإنشاء دالة msg(). لإنشاء دالة في JavaScript، تحتاج إلى كتابة دالة باستخدام function_name كما هو موضح أدناه.

لاستدعاء الدالة، عليك العمل على الحدث. نحن هنا نستخدم حدث onclick لاستدعاء وظيفة msg ().

 function msg(){ alert(&apos;Hello Javatpoint&apos;); } <p>Welcome to JavaScript</p> 
اختبره الآن