HTML - JavaScript جافا سكربت

HTML - JavaScript

🔸 JavaScript هي لغة برمجة تُستخدم لإضافة التفاعل (Interactivity) إلى صفحات الويب.

باستخدام JavaScript يمكن تنفيذ عمليات مثل:

  • التحقق من صحة النماذج قبل إرسالها
  • الاستجابة للنقرات والأحداث
  • تعديل عناصر الصفحة مباشرة (DOM Manipulation)

✅ تضمين JavaScript داخل صفحة HTML

يُكتب كود JavaScript عادةً داخل وسم <script> ويمكن وضعه داخل <head> أو قبل نهاية <body>.


<!DOCTYPE html>
<html>
<head>
  <script>
    function sayHello() {
      alert("Hello, World!");
    }
  </script>
</head>
<body>

  <button onclick="sayHello()">Click me</button>

</body>
</html>

📌 ربط ملف JavaScript خارجي

يمكنك تخزين كود JavaScript في ملف خارجي بامتداد .js وربطه باستخدام src:


<script src="script.js"></script>

محتوى ملف script.js:


// ملف script.js
function sayWelcome() {
  alert("Welcome!");
}

💡 ملاحظات هامة

  • يفضل وضع ملفات JavaScript في نهاية <body> لتقليل وقت تحميل الصفحة.
  • أو يمكن استخدام خاصية defer داخل <script> لتحميل الملف بعد تحليل HTML.
  • تُنفذ JavaScript على جهة العميل (Client-Side) مباشرة في المتصفح.

تعليقات

المشاركات الشائعة من هذه المدونة

C# - Arrays

Entity Framework - ما هو ORM؟ ونبذة عن Dapper وNHibernate

Entity Framework - مقدمة عن Entity Framework