الأحد، 16 مارس 2014

الدرس الثامن من دورة HTML : مع الجافا سكريبت

 


السلام عليكم
سنتطرق في هذا الدرس الى امثلة توضيحية عن البرمجة باستخدام الجافا سكريبت وسنرفق الشرح بمجموعة من الامثلة
أولا : وسم التعريف باكواد الجافا سكريبت داخل ملف HTML:
  <"script LANGUAGE="Javascript> 
</script>
أو يمكننا الاكتفاء التعريف التالي:
 <script> 
</script>
ويكمن ادراج الوسم في كلا القسمين من الصفحة
لنأخذ مثالاعلى ذلك:
النافذة الترحيبية او اي نافذة تظهر للمتصفح تطلب منه امرا ما
تابع معي: 

المثال -1

<SCRIPT LANGUAGE="Javascript">
ame=window.prompt("فضلا ما هو إسمك","أكتب الإسم هنا");
ndocument.write("<H1 align=center> السلام عليكم أخي</p>"+name+"</H1>")
</script>

النتيجة المحصل عليها

لنقوم بعمل مشروع اذكار او حكم:

لذا سنعتمد على المؤقت
ماهو المؤقت؟
هو عبارة عن كود ربط الامر بوقتفمثلا سنقوم بربط ظهور التذكير الاول ثم الذي يليه وثن الذي يلي الى ان تتم سرد كل الاذكار والعودة من جديد والفارق الزمني بين كل تذكير واخر مثلا 1 ثانية .
ولهذا سكون الكود كما يلي
الوقت الحالي ونسميه now
()now = new Date
تحويل الوقت الى ثواني ونسميه rd
()var rd = now.getSeconds
ولنسمي مجموعة (المصفوفة) الاذكار بـــ adkar
var adkar = 10
ولربط الوقت وعدد الاذكار نستخدم حيلة بسيطة وهي حساب باقي القسمة بينهما(%)
باقي قسمة الوق بالثواي على عدد الاذكار فبطبيعة الحال هو عدد طبيعي لا يساوي الصفر
var msdad=rd% adkar 
لنقوم بعمل دالة دورية شرطية(if)
مع تسمية الامر المطبق بــــ hikma
 ""=var hikma 
هنذا الكود في النهاية
المجموع 10 لذا فهو قصير جدا
ولذا سنضيف ++ ليصبح دوريا اكثر

المثال -2

   <SCRIPT language="JavaScript"> <!-- Begin var adkar = 10; now = new Date(); var rd = now.getSeconds(); var msdad = rd % adkar; sd=++msdad; var hikma = ""; if (sd == 1) { hikma = "سبحان الله"; } if (sd == 2) { hikma = "لا الهالا الله والله اكبر"; } if (sd == 3) { hikma = "الحمد لله على ملة الاسلام"; } if (sd == 4) { hikma = "اللهم صل على محمد"; } if (sd == 5) { hikma = "لا تنسى ذكر الله"; } if (sd == 6) { hikma = "الصلاة الصلاة يا احبتي"; } if (sd == 7) { hikma = "لا تنسى الدعاء"; } if (sd == 8) { hikma = "القرآن ذكر وتذكير"; } if (sd == 9) { hikma = "السنة وحي فلا تستهن بها"; } if (sd == 10) { hikma = "ذكر فانالذكرى تنفع المؤمنين"; } var adkar=""+hikma+""; document.write(adkar); // End --> </SCRIPT>

لاظهار النتيجة لابد من التحديث كل ثانية
النتيجة:
عذرا على عدم الوضوح لان الفيديوا كبر كثيرا





0 التعليقات: