تكليفات الدروس من [ 12 ] إلى [ 21 ]
[ 8 ] تكليفات على [ Data Types ]
التكليف 01
- إستخدم ما تعلمته لتجعل هذا ال Code سليم بدون التعديل عليه
- يمكنك كتابة ما تريد قبل ال Code
// Write Your Code Here
// Do Not Edit Here
let myData: n;
myData = 1000; // No Problem Here
myData = +true; // No Problem Here
التكليف 02
- إستخدم ما تعلمته لتجعل هذا ال Code سليم بدون التعديل عليه
- يمكنك كتابة ما تريد قبل ال Code
// Write Your Code Here
// Do Not Edit Here
let myInfo: mix;
myInfo = 1000; // No Problem Here
myInfo = true; // No Problem Here
التكليف 03
- إستخدم ما تعلمته لتجعل هذا ال Code سليم بدون التعديل عليه
- يمكنك كتابة ما تريد قبل ال Code
- يجب عليك عمل Extend من ال Type ولا تعيد إستخدام الخواص مرة أخرى
// Write Your Code Here
// Do Not Edit Here
function showInfo(data: Info) {
console.log(`The Name Is ${data.theName}`);
console.log(`The Age Is ${data.theAge}`);
}
console.log(showInfo({ theName: "Elzero", theAge: 40 }));
function showFullInfo(data: Full) {
console.log(`The Name Is ${data.theName}`);
console.log(`The Age Is ${data.theAge}`);
console.log(`The Country Is ${data.country}`);
}
console.log(showFullInfo({ theName: "Elzero", theAge: 4, country: "Egypt" }));
التكليف 04
- لديك ال Function التالية مليئة بالأخطاء
- المطلوب إصلاح الأخطاء حتى تظهر النتائج كما في التعليق داخل ال Console
- يمكنك الإلغاء والتعديل على ال Function كما تريد
function yesOrNo(val: number | boolean) : "Yes" | "No" {
return val > 10;
}
// Do Not Edit Here
console.log(yesOrNo("100")); // Error
console.log(yesOrNo(30)); // True
console.log(yesOrNo(8)); // False
التكليف 05
- لديك ال Function التالية مليئة بالأخطاء
- المطلوب إصلاح الأخطاء حتى تظهر النتائج كما في التعليق داخل ال Console
- يمكنك الإلغاء والتعديل على ال Function كما تريد ما عدا إلغاء كلمة custom
function isHeOld(age: number | string[]) : custom | number {
return age > 40;
}
// Do Not Edit Here
console.log(isHeOld("100")); // Error
console.log(isHeOld(45)); // "Yes"
console.log(isHeOld(30)); // "No"
التكليف 06
- قم بإستخدام ما تعلمته لتظهر النتائج كما في التعليقات
- قم بعمل Destructuring حتى تظهر النتائج بالأسفل كما في التعليقات
post = [100, 200, "Title"]; // Error
post = ["Title", 100, true]; // Error
post = [100, "Title", true]; // Good
post.push("Elzero"); // Error => Cant Add
// Create Destructuring Here
// Do Not Edit Here
console.log(id); // 100
console.log(title); // "Title"
console.log(state); // true
التكليف 07
- لدينا لعبة تحتوي على 4 مستويات Easy, Medium, Hard, Insane
- نريد إنشاء Enums تحتوي على المستويات والقيمة الخاصة بها
- ال Easy عبارة عن رقم 100
- ال Medium تكون قيمتها عملية حسابية وهي قيمة ال Easy مطروح منها رقم 20
- ال Hard عملية حسابية وهي قيمة ال Medium مطروح منها (قيمة ال Easy مقسومة على 2)
- ال Insane عبارة عن Function تقبل منك Parameter واحد وهو رقم
- ال Function تقوم بطرح هذا الرقم من قيمة ال Hard
- شاهد القيم لتقوم بعمل المطلوب
// Create Enums + Function Here
// Output
console.log(Game.Easy); // 100
console.log(Game.Medium); // 80
console.log(Game.Hard); // 30
console.log(Game.Insane); // 20
التكليف 08
- لدينا ال Object التالي ونحتاج للتعديل عليه ليقبل التعديلات بالأسفل
const user: {
readonly username: string,
age: number,
website?: string,
skills: {
frontEnd: string[],
backEnd: string[]
}
} = {
username: "Elzero",
age: 40,
website: "Elzero.org",
skills: {
frontEnd: ["HTML", "CSS", "JS"],
backEnd: ["PHP", "Python"]
}
}
// We Need To Remove Error From This Edits
user.username = "Osama";
user.age = "40";
user.skills.backEnd.push(100);