الأحد، 21 مارس 2010

(4) المتغيرات والعمليات في Javascript







نبدأ بسم الله...


* المتغيرات...


في اي لغة برمجة تعتبر المتغيرات ذات فائدة كبيرة فبواسطتها يمكننا التحكم في البرامج بسهولة..
في لغة الجافا سكربت تعرف المتغيرات (var)..

مثال...


var name;
واذا اردنا ان يكون المتغير قيمة رقمية "أعداد صحيحة او عشرية "(integer or float) فأننا نقوم بتحويلها بالطريقة التالية..
-1-

parseInt(اسم المتغير);
 وسوف يحول العدد الى عدد صحيح integer
مثال...
var number = 55.4;
parseInt(number);
  -2-
parseFloat(اسم المتغير);
وهذايحول العدد الى عدد عشري
مثال..
var number = 55.4;
parseFloat(number);
عليكـ الالتزام بشكل الحرف اي الحرف الصغير والكبير لان الجافاسكربت حساسة للحروف..
نجرب على الامثلة ونشوف..
مثال 1...
<html dir="rtl">
<head><title>Javascript</title>
<script>
var name;
name = window.prompt("فضلآ ادخل اسمكـ:");
document.write("اهلا بك يا "+name);
</script>
</head>
<body></body>
</html>
الناتج بيكون بالشكل هذا..

في هذا المثال..
عرفنا متغير وجعلنا اسم المتغير name 
جعلنا هذا المتغير يساوي القيمة التي سوف يقوم المستخدم بإدخالها من الكيبورد وذلكـ من خلال الامر window.prompt
وبمجرد خروج النافذة للمستخدم ويكتب بها اسمهـ سوف يخزن الاسم المدخل في المتغير name
وهذا واضح من العبارة..
name = window.prompt("فضلآ ادخل اسمكـ:");
ثم قمنا بطباعة المتغير name من خلال الامر
document.write("اهلا بك يا "+name);
وبالتالي سوف يطبعلنا ماخزن داخل المتغير وهو اسم المستخدم الذي ادخلهـ وبعد ذلكـ سوف يطبع الجملة النصية التي كتبناها وهي 
"اهلآ بكـ يا"...اي سوف يطبع لنا الجملة النصية التالية لو فرضنا اننا قمنا بإدخال الاسم "عتبات الرحيل":
"أهلا بكـ يا عتبات الرحيل"..

مثال 2 ...
<html>
<head><title>javascript</title>
<script type = "text/javascript">
window.alert("أهلآ بك ");
</script>
</head>
<body></body>
</html>
 وهذا هو الناتج..
وفي هذا المثال خروج نافذة للمستخدم وهي نافذة alert كما ذكرنا سابقآ..

*العمليات الحسابية...


*العمليات المنطقية...

ملاحظة...توجد اولويات في العمليات الحسابية البرمجية
مثال..
var number = 4;
number +=2;
هنا المتغير number كان يحمل القيمة 4 ثم اضفنا لهـ 2 فأصبح الناتج 6
ويمكن ان نكتب العمليات السابقة بطريقة برمجية أخرى وسوف يخرج لنا نفس الناتج...
var number = 4;
number = number + 2;
ماينطبق على الجمع ينطبق على جميع العمليات الحسابية الآخرى ..

var number = 4;
number *= number;
وهي عملية ضرب..وضعنا داخل المتغير number قيمة = 4 ثم اجرينا عملية ضربعلى المتغير وضربهـ في نفسهـ وبذلكـ
اصبحت قيمة المتغير = 16 ..

ووو بث..

هنا نكون خلصنا الجزء 4 من دروس الجافاسكربت..

اتمنى تكونوا استفدتم منها 
كل الشكر والتقدير للمهندس محمود اللي كان مرجعي الاساسي في دروس الجافا سكربت..

نلتقي في الدرس القادم....

اغلى قلب...

هناك تعليقان (2):

  1. الله يعطيك العافيهـ

    وان شاء الله الكل يستفيد من دروسك

    ردحذف
  2. حياكـ الله شرقااوي..

    ان شاء الله تكون اولهم :)

    ردحذف