С чем связано id="undefined"?

Question

[testtoster]

Создал div. В него передаю значения через js. Div отрисовывается, но появляется [object Object] и значения не передаются. Что я сделал не так?

class Draw {
    constructor(h, w, id) {
        this.h = h;
        this.w = w;
    }
    create(elem) {
        let createConvas = document.querySelector('div');
        createConvas.innerHTML = `<canvas width=${this.w} height=${this.h}></canvas>`;

        return createConvas;

    }
}

let draw = new Draw;
draw.create(2, 4,);

document.body.append(draw)

Comments

[i1yas]

document.body.append(draw)?
draw у вас экземпляр класса, и вы его добавляете в DOM. Естественно будет [object Object]

Ну и вот это:

let draw = new Draw;
draw.create(2, 4,);

это как вообще? вообще все перепутано

[RAX7]

class Draw {
  constructor(h, w, id) {
    this.h = h;
    this.w = w;
    this.id = id;
  }
  create() {
    const canvas = document.createElement("canvas");
    canvas.width = this.w;
    canvas.height = this.h;
    canvas.id = this.id;
    return canvas;
  }
}

const draw = new Draw(200, 200, "canvas-id");
const canvas = draw.create();

const canvasParent = document.querySelector("div");
canvasParent.append(canvas);

Answer 1

[Александр]

Во-первых, повтор вопроса.
Во-вторых, надо учить JS. Вы сами написали, что данные принимаете в конструкторе. Мало того, что Вы его не инициализурете, так еще и в другой метод передаете аргументы.

Comments

[testtoster]

Повтора тут нет. Это про другую проблему уже вопрос.

Так я его и учу. Это учебная задача. Я почему и спросил где я ошибся.

let draw = new Draw(2, 4); - правильно ли я понимаю, что передать нужно было так?

[Александр]

testtoster,

let draw = new Draw(2, 4);
draw.create();

document.body.append(draw);

Учат не по заданиям, а теорию для начала.

[Тигран Абрамян]

testtoster, id по умолчанию пусть будет пустой строкой, раз он не используется.
constructor(h, w, id = '') {