В чем проблема при выводе canvas?

Question

[testtoster]

В html создал тег div. в него запустил вывод canvas. Получил [object Object]. Где я ошибся?

Так же в div width="undefined" и height тоже не определены.

Помогите разобраться в ошибке.

class Draw {
    constructor(h, w, id) {
        this.h = h;
        this.w = w;

    }
    create() {
        let createConvas = document.querySelector('div');
        createConvas.innerHTML = `<convas width=${this.w} height=${this.h}></convas>`;

        return createConvas;

    }
}

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

document.body.append(draw)

Answer 1

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

class Draw {
    constructor(h, w, id = '') {
        this.h = h;
        this.w = w;
    }

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

        return createConvas;
    }
}

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

document.body.append(draw);

Comments

[testtoster]

спасибо. не заметил ошибку, а главное что еще и в тостер оттуда скопировал)))

[testtoster]

testtoster, testtoster, но undefined сохраняется все равно

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

testtoster, Изменил ответ.

[Александр]

testtoster, А что, document.createElement('canvas'); не работает? Ну и да cOnvas.