5. Улучшим код по созданию DOM через объект

---

Создадим всю структуру div по проекту через объект:

const dom = {
    'container': {
        'childs': {
            'answers': '',
            'status': {
                'childs': {
                    'title': {
                        'text' : 'Счет игры:'
                    },
                    'container-score': '',
                    'container-text': ''
                }
            }
        }
    }
};

Создадим универсальную функцию, которая создаем отъект и проверяет есть ли дочерние элементы и запускает саму себя. Таким образом создается вся структура.

function createElementDom (object, parent) {
    for (key in object) {
        const newElementDom = document.createElement('div');
        newElementDom.classList.add(key);
        if (object[key].text) {
            newElementDom.innerText = object[key].text;
        }
        parent.appendChild(newElementDom);
        if (object[key].childs) {
            createElementDom (object[key].childs, newElementDom);
        }
    }
}

Вместо блоков создания div, которые использовали ранее:

const containerElement = document.createElement('div');
containerElement.classList.add('container');
document.body.appendChild(containerElement);

Запускаем функцию:

createElementDom (dom, document.body);

А для дальнейше работы определем объекты контейнеров.

const containerScore = document.querySelector('.container-score');
const containerAnswers = document.querySelector('.answers');
const containerStatus = document.querySelector('.container-text');