الأحد، 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 من دروس الجافاسكربت..

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

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

اغلى قلب...

الاثنين، 1 مارس 2010

تصميم جديد....


تصميم جديد طازااا خلصت منه، ونزلتهـ هنا...



(3) بعض اوامر Javascript



window object

 


window object ( كائنات النوافذ )




هي نافذة تخرج للمستخدم نحن نحدد ما الذي يُكتب فيها تسمى هذهـ النافذة في لغة Java script بـ (alert)

يكتب كودها بالطريقة التالية..

alert("Welcom to My blog");






بعض الاوامر التي تستخدم داخل كود alert

 

خروج نافذة للمستخدم يحدد هو مايُكتب بها..
(نافذة قراءة من المستخدم او من لوحة المفاتيح) وهي خاصة بكائنات النوافذ window object مثل:





تسمى مثل هذهـ النوافذ في الجافا سكربت بـ prompt  يُكتب كودها بالطريقة التالية..
prompt("Your name please","name");

ممكن نستبدل alert بـ window.alert
وكذلكـ prompt يمكن استبدالها بـ window.prompt

كلا الطريقتين صحيحة..

يأخذ كود prompt قيمتين:
الاولى.. يُكتب بها ماسوف يخرج للمستخدم في أعلى النافذة
والقيمة الثانية..يُكتب بها قيمة ابتدائية بداخل صندوق الكتابة وهذهـ القيمة ليس لها اي قيمة فعلية فهي ينتهي دورها بمجرد ان يكتب المستخدم مكانها اسمهـ او اي شيء يريدهـ..

** جرب هذا الامر وانظر ماذا يخرج والذي يعتبر ايضآ من كائنات النوافذ window object

confirm("هل تريد حفظ البيانات؟");


وهي نافذة تخرج للمستخدم لسؤالهـ عن قبول او رفض شيء معين انت تحددهـ



نهاية الدرس..

كل الشكر والتقدير للاستاذ..( المهندس محمود) صاحب الدرس :)