Почему не работает return?

Question

[sasha-91-95]

const createContainer = () => {
        const container = document.createElement('div');
        container.style.cssText = `
            position: fixed;
            width: 100vw;
            height: 100vw;
            background: rgba(119, 136, 153,0.5);
            z-index: 1;
    `; 
        return container;
    }
    createContainer()
    document.body.appendChild(container);

выходит ошибка 'контейнер не определен'

Comments

[An B]

Так попробуй:

const container = document.createElement('div');

container.style.cssText = `
    position: fixed;
    width: 100vw;
    height: 100vw;
    background: rgba(119, 136, 153,0.5);
    z-index: 1;
  `;

const createContainer = () => {
  return container;
}
createContainer()
document.body.appendChild(container);

[Emil Revencu]

Потому что вы его определяете в функции а пытаетесь использовать в извне. Определите его до функции createContainer

Answer 1

[Stalker_RED]

return работает, но вы возвращаемый результат не используете.

const foo = createContainer();
document.body.appendChild(foo);