السلام عليكم ورحمة الله وبركاته
استكمالاً للمبادرة الأكثر من رائعة التي بدأها أخونا Hussam3bd .. وتشجيعا له :)
بسم الله نبدأ :)
في هذا الدرس سنقوم بكتابة سكربت صغير جدا بالـJavaScript .. مهمته هي تغيير خلفية الصفحة عند كل تحديث Refresh :) .
النتيجة النهائية ستكون كالتالي :
نبدأ بكتابة وسم 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>
ايضا اذكركم ان المثال الحي تجدونه هنا
"اضغط علي الزر الموجود في المنتصف لتحديث الصفحة تلقائيا"
التعليقات