- Introduced a new script to check TypeScript lesson files for errors. - Created a main TypeScript file to render lessons and their details. - Added lesson definitions with starter and answer codes. - Implemented a user interface for navigating and running lessons. - Styled the application with CSS for a better user experience. - Updated README to reflect the new TypeScript section and usage instructions.
20 lines
501 B
TypeScript
20 lines
501 B
TypeScript
interface Course {
|
|
title: string;
|
|
lessons: number;
|
|
finished: boolean;
|
|
}
|
|
|
|
const courses: Course[] = [
|
|
{ title: "TypeScript 基础", lessons: 8, finished: true },
|
|
{ title: "接口和泛型", lessons: 6, finished: false },
|
|
];
|
|
|
|
function renderCourseLines(list: Course[]): string[] {
|
|
return list.map((course) => {
|
|
const status = course.finished ? "已完成" : "学习中";
|
|
return `${course.title} - ${course.lessons} 节 - ${status}`;
|
|
});
|
|
}
|
|
|
|
console.log(renderCourseLines(courses));
|