تكليفات الدروس من [ 1 ] إلى [ 9 ]
[ 6 ] تكليفات على [ Introduction ]
التكليف 01
لديك أكثر من Code كلهم يقوموا بعمل نفس الوظيفة قم بكتابة تعليق Multiple Lines تشرح فيه باللغة الإنجليزية ما هو ال Code الذي لن يعمل مع ذكر السبب
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Learn JavaScript</title>
<script>
// Code One
document.getElementById("el").style.color = "red";
</script>
<script>
// Code Two
window.onload = function () {
document.getElementById("el").style.color = "red";
};
</script>
</head>
<body>
<h1 id="el">Page Title</h1>
<script>
// Code Three
document.getElementById("el").style.color = "red";
</script>
</body>
</html>التكليف 02
قم بإنشاء العنصر الموجود في الصورة داخل الصفحة بواسطة لغة JavaScript
- نوع العنصر هو h1
- خواص ال CSS هي كالتالي ويجب إضافتها بواسطة JavaScript
color: blue;
font-size: 80px;
font-weight: bold;
text-align: center;
font-family: Arial- قم بإضافة ال Style بطريقة أخرى غير طريقة إضافة ال Style ك Inline Style أثناء إنشاء العنصر
ملحوظة
يمكنك إضافة أكثر من style كل تنسيق في سطر منفصل
التكليف 03
- قم بطباعة رسالة في ال Console كما في الصورة
- الألوان هي Red Green Blue
- حجم الخط هو 40px
- كلمة Web قم بعملها بخط عريض Bold
التكليف 04
- قم بطباعة رسالة في ال Console كما في الصورة
- لا تهم الرسائل الموجودة أهم شيء يكونوا في مجموعات بنفس الترتيب ونفس أسماء المجموعات
ملحوظة
إبحث عن Console Group
التكليف 05
- قم بطباعة رسالة في ال Console كما في الصورة
- لا تهم البيانات ولكن أهم شيء عرضهم بنفس الطريقة
التكليف 06
لديك ال Code التالي موجود في ملف ال Js مطلوب منك إلغاء تنفيذ ال Code بواسطة ما تعلمته
console.log("Iam In Console");
document.write("Iam In Page");- مطلوب تنفيذ المهمة بطريقتين
- لا يمكنك حذف ال Code من الملف أو التعديل عليه
- يمكنك الكتابة قبله أو بعده بدون أي مشكلة