ما هو جافا سكريبت؟
JavaScript هي لغة برمجة الويب.
يمكن لـ JavaScript تحديث وتغيير كل من HTML و CSS.
يمكن لـ JavaScript حساب البيانات ومعالجتها والتحقق من صحتها .
برنامج JavaScript Quickstart التعليمي
سيلقي هذا البرنامج التعليمي نظرة سريعة على أهم أنواع بيانات JavaScript.
يمكن أن تكون متغيرات جافا سكريبت:
- أعداد
- سلاسل
- أشياء
- المصفوفات
- المهام
متغيرات جافا سكريبت
متغيرات جافا سكريبت عبارة عن حاويات لتخزين قيم البيانات.
في هذا المثال ، تعتبر x و y و z متغيرات:
مثال
var x = 5;
var y = 6;
var z = x + y;
من المثال أعلاه ، يمكنك أن تتوقع:
- x يخزن القيمة 5
- y يخزن القيمة 6
- يخزن z القيمة 11
أرقام جافا سكريبت
جافا سكريبت لديها نوع واحد فقط من الأرقام. يمكن كتابة الأرقام مع الكسور العشرية أو بدونها.
مثال
var x = 3.14; // A number with decimals
var y = 3; // A number without decimals
يتم تخزين جميع الأرقام كأرقام فاصلة عائمة مزدوجة الدقة.
الحد الأقصى لعدد الكسور العشرية هو 17 ، لكن النقطة العائمة ليست دائمًا دقيقة بنسبة 100٪:
مثال
var x = 0.2 + 0.1; // x will be 0.30000000000000004
سلاسل جافا سكريبت
السلاسل تخزن النص . يتم كتابة السلاسل داخل علامات الاقتباس. يمكنك استخدام علامات الاقتباس المفردة أو المزدوجة :
مثال
var carname = "Volvo XC60";
// Double quotes
var carname = 'Volvo XC60'; // Single quotes
تم العثور على طول السلسلة في طول الخاصية المضمنة :
مثال
var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var sln = txt.length;
كائنات جافا سكريبت
لقد تعلمت بالفعل أن متغيرات JavaScript عبارة عن حاويات لقيم البيانات.
يعين هذا الرمز قيمة بسيطة (Fiat) لمتغير يسمى car:
var car = "Fiat";
الكائنات هي متغيرات أيضًا. لكن يمكن أن تحتوي الكائنات على العديد من القيم.
يعين هذا الرمز العديد من القيم (Fiat ، 500 ، أبيض) لمتغير يسمى car:
var car = {type:"Fiat", model:"500", color:"white"};
مصفوفات جافا سكريبت
تُستخدم مصفوفات JavaScript لتخزين قيم متعددة في متغير واحد.
مثال
var cars = ["Saab", "Volvo", "BMW"];
وظائف JavaScript
وظيفة JavaScript هي كتلة من التعليمات البرمجية مصممة لأداء مهمة معينة.
يتم تنفيذ وظيفة JavaScript عندما يستدعيها "شيء ما" (يسميها).
مثال
function myFunction(p1, p2) {
return p1 * p2;
// The function returns the product of p1 and p2
}
ما الذي يمكن أن يفعله JavaScript؟
يحتوي هذا القسم على بعض الأمثلة لما يمكن لـ JavaScript القيام به:
- يمكن لـ JavaScript تغيير محتوى HTML
- يمكن لـ JavaScript تغيير قيم سمات HTML
- يمكن لـ JavaScript تغيير أنماط HTML (CSS)
- يمكن لـ JavaScript إخفاء عناصر HTML
- يمكن لـ JavaScript إظهار عناصر HTML
يمكن لـ JavaScript تغيير محتوى HTML
إحدى طرق JavaScript HTML العديدة هي getElementById () .
يستخدم هذا المثال طريقة "العثور على" عنصر HTML (مع id = "demo") ويغير محتوى العنصر ( داخلي HTML ) إلى "Hello JavaScript":
مثال
document.getElementById("demo").innerHTML = "Hello JavaScript";
يمكن لـ JavaScript تغيير قيم سمات HTML
في هذا المثال ، تغير JavaScript قيمة السمة src (المصدر) لعلامة <img>:
اللمبة او المصباح
يمكن لـ JavaScript تغيير أنماط HTML (CSS)
تغيير نمط عنصر HTML هو نوع من تغيير سمة HTML:
مثال
document.getElementById("demo").style.fontSize = "35px";
or
document.getElementById('demo').style.fontSize = '35px';
يمكن لـ JavaScript إخفاء عناصر HTML
يمكن إخفاء عناصر HTML عن طريق تغيير نمط العرض:
مثال
document.getElementById("demo").style.display = "none";
or
document.getElementById('demo').style.display = 'none';
يمكن لـ JavaScript إظهار عناصر HTML
يمكن أيضًا إظهار عناصر HTML المخفية عن طريق تغيير نمط العرض:
مثال
document.getElementById("demo").style.display = "block";
or
document.getElementById('demo').style.display =
'block';
دروس جافا سكريبت كاملة
لقد كان هذا وصفًا موجزًا لجافا سكريبت.
للحصول على برنامج تعليمي كامل لـ JavaScript ، انتقل إلى W3Schools JavaScript Tutorial .
للحصول على مرجع JavaScript كامل ، انتقل إلى W3Schools JavaScript Reference .