ما هي JavaScript؟
JavaScript هي لغة برمجة تُستخدم لإضافة التفاعل (Interactivity) إلى صفحات الويب.
مثلاً: عند الضغط على زر في الصفحة وتغير لونه، أو ظهور رسالة، أو تنفيذ أمر – هذا يتم باستخدام JavaScript.
مكان JavaScript في صفحة HTML
1. باستخدام وسم <script> داخل نفس الملف:
<!DOCTYPE html>
<html lang="ar">
<head>
<meta charset="UTF-8">
<title>موقعي الأول</title>
</head>
<body>
<h1>مرحبًا بك!</h1>
<script>
alert("مرحبًا بك في أول صفحة JavaScript!");
</script>
</body>
</html>
النتيجة: ستظهر نافذة منبثقة (alert) عند فتح الصفحة.
2. أو باستخدام ملف خارجي (مفضل):
أ. أنشئ ملف HTML:
<!DOCTYPE html>
<html lang="ar">
<head>
<meta charset="UTF-8">
<title>موقعي</title>
</head>
<body>
<h1>أهلاً بك في الموقع</h1>
<script src="script.js"></script>
</body>
</html>
ب. أنشئ ملف جديد باسم script.js في نفس المجلد وضع فيه:
alert("هذه رسالة من ملف JavaScript الخارجي!");
أين نضع كود JavaScript؟
- أفضل مكان: قبل نهاية الوسم
</body>حتى يتم تحميل كل عناصر الصفحة أولًا. - يمكن أيضًا وضعه في الأعلى مع استخدام
DOMContentLoaded(سنتعلمه لاحقًا).
ماذا تعلمنا في هذا الدرس؟
- مفهوم JavaScript ولماذا نستخدمها.
- طريقة كتابة كود JavaScript داخل صفحة HTML.
- الفرق بين الكود الداخلي والكود الخارجي.
- ظهور رسالة باستخدام
alert().
