Я пытаюсь обернуть возвращаемое значение функции (некоторую разметку) внутри контейнера, созданного функцией «Контейнер», передав функцию разметки с ее параметрами в качестве обратного вызова для функции контейнера. Вот мой код:
Функция «Render»:
// render some markup
export const Render = (el, numEl, target) => {
let renderSpot = document.getElementById(target);
if (numEl > 0) {
renderSpot.innerHTML += el;
return Render(el, numEl - 1, target);
}
};
Функция «Container»:
// insert container around rendered markup
export const Container = (containerClass, target, callback) => {
let renderSpot = document.getElementById(target);
let container = document.createElement("div");
container.setAttribute("class", containerClass);
renderSpot.innerHTML += container;
try {
container.appendChild(callback);
} catch (error) {
console.log(`callback is not a function!`);
}
};
И вот как я пытаюсь вызвать все это:
Container("board", "game", Render(Square(), 9, "game"));
Есть предложения? Я чувствую, что здесь что-то очень скучное c.
Заранее спасибо!