объект с HTML-кодом и методом для печати

Question

Может кто-нибудь помочь и увидеть проблему, почему код не работает.Попытка организовать код в объект.Проверить кодовую ссылку

//trying to organize this code into an object.

// var flag0 = document.getElementById("flag0");
// var flagFranskaFlaggan = `<div class="flag frankrike"><div class="part1"></div><div class="part2"></div></div>`;
// flag0.innerHTML = flagFranskaFlaggan;

//The object!
var flag = {
    draw: function() {
        var htmlId = this.htmlId;
        var cssflag = this.cssFlag;
        htmlId.innerHTML = cssFlag;
    }
}

var flag0 = Object.create(flag);
flag0.init = function(cssFlag, htmlId) {
    this.cssFlag = cssFlag;
    this.htmlId = htmlId;
}

flag0.init(`<div class="flag frankrike"><div class="part1"></div><div class="part2"></div></div>`, flag0);
flag0.draw();

Как вставить flag0 с document.getElementById("flag0") в объект?

Answer 1

Вам необходимо вызвать document.getElementById() в методе draw().И вам нужно передать строку в качестве второго аргумента при вызове init().

Кроме того, вы должны поместить метод init() в объект, а не отдельно от него.

var flag = {
    draw: function() {
        document.getElmeentById(this.htmlId).innerHTML = this.cssFlag;
    },
    init: function(cssFlag, htmlId) {
        this.cssFlag = cssFlag;
        this.htmlId = htmlId;
    }
}

var flag0 = Object.create(flag);
flag0.init(`<div class="flag frankrike"><div class="part1"></div><div class="part2"></div></div>`, 'flag0');
flag0.draw();