السلام عليكم ورحمة الله وبركاته

استكمالاً للمبادرة الأكثر من رائعة التي بدأها أخونا Hussam3bd .. وتشجيعا له :)

بسم الله نبدأ :)

في هذا الدرس سنقوم بكتابة سكربت صغير جدا بالـJavaScript .. مهمته هي تغيير خلفية الصفحة عند كل تحديث Refresh :) .

النتيجة النهائية ستكون كالتالي : http://jsbin.com/yenova

نبدأ بكتابة وسم Script الخاص بكتابة كود الجافاسكربت

<script>

ثم نقوم بإنشاء متغير جديد ونقوم باعطائه مصفوفة تحمل اكواد HEX الخاصة بالالوان التي سيتم التبديل بينها

 var bgcolors = new Array("#34495e", "#3498db", "#95a5a6", "#16a085", "#9b59b6")

ثم نقوم بعمل مسألة حسابية تقوم بدورها بتغيير اللون واختيار لون جديد من المصفوفة السابقة عن تحديث الصفحة , وتقوم بتعيين النتيجة كـbgColor للوسم Body

document.bgColor = bgcolors[Math.floor(Math.random()*bgcolors.length)]

ثم نقوم باغلاق وسم الـScript الذي بدأناه

</script>

ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ الكود كاملا .. تستطيع ايجاده علي http://jsbin.com/yenova/1/edit?html او انسخه من هنا

<script type="text/javascript">
// You can edit this list of colors and add new ones
 var bgcolors = new Array("#34495e", "#3498db", "#95a5a6", "#16a085", "#9b59b6")
document.bgColor = bgcolors[Math.floor(Math.random()*bgcolors.length)]
</script> 

ايضا اذكركم ان المثال الحي تجدونه هنا http://jsbin.com/yenova

"اضغط علي الزر الموجود في المنتصف لتحديث الصفحة تلقائيا"