javascript - 在 JS 中显示课程和模块

Question

学生想参加具有不同模块的课程

该模块描述了课程的费用、持续时间和标题

例子：

let m1 = new Module ("React", 2, 45000);

也就是说，将研究 React2 months和45000 / monthly

课程包含课程标题模块

例如：

let c = new Course ("React Pro");

c.addModule (new Module ("React", 2, 45000))

c.addModule (new Module ("Redux", 1, 50000));

c.Print (); 

如果调用该方法，h1屏幕上将出现课程名称，然后每个模块的名称与<ul> <li>.

最后，以红色打印课程的整个价值

我有个问题。另外，.addModule (new Module ("Redux", 1, 50000)); 循环for... in不起作用。

到目前为止我做了什么：

class Course{
    constructor(a,b){
        this.courseName = a;
        this.courseModule = b;
    }
    print(){
        let h1 = document.createElement("h1")
        h1.innerHTML = this.courseName
        document.body.append(h1)

    }
}

class Module{
    constructor(a,b,c){
        this.name = a;
        this.duration = b;
        this.price = c;
    }
    addModule(){
        for (let el in Module) {
            let ul = document.createElement("ul")
            let li = document.createAttribute("li")
            ul.innerHTML = el[this.name]
            document.body.append(ul)
        }

    }
}
let c = new Course("React Pro")
let m1 = new Module("React" , 2 , 45000)
let m2 = new Module("Redux" , 1 , 50000)
c.print()
m1.addModule()
m2.addModule()
console.log(m2)
console.log(m1)

标签： javascript