Uncaught ReferenceError: copiedElement is not defined?

Question

[Vohob Ahmad]

Помогите разобраться:(

<button class="game-panel-item__copy" onClick="copyElement(${group.id})">
        Copy
    </button>

const copyElement = (elementId, elementObj) => {
        if (elementObj){
            const copiedElement = elementObj
        }
        else{
            const copiedElement = selectedElements.filter(element => element.id === elementId)
        }
    
        let element;
    
        element = {
            ...copiedElement[0],
            id: generateElementId()
        }
    
        if (selectedElements === winds || selectedElements === areas) {
            element.params = copiedElement[0].params
        }
    
        if (selectedElements === groups) {
            copiedElement.elements.forEach((el)=>{
                elements.elements.push(copyElement(el.id, el))
            })
    
        }
    
        if (elementObj) {
            if (elementObj.params) {
                if ('forse' in el.params) {
                    winds.push(element)
                } else if ('coup' in el.params) {
                    areas.push(element)
                }
            } else {
                winds.push(element)
            }
            return element
        } else {
            selectedElements.push(element)
            renderAll()
        }
    }

Answer 1

[Александр]

уважаемый, вы осведомлены о том, что переменные/константы, объявленные в блоках, невидны за их пределами?

let example = 3;
if (example > 1) {
  alert("Yes!"); // Yes! - работает.
}

if (condition) {
   let example = 3;
}
if (example > 1) { // Uncaught ReferenceError: example is not defined
  alert("Yes!");
}

Comments

[Vohob Ahmad]

Написал вот таким способом НО

const copiedElement = elementObj ? [elementObj] : selectedElements.filter(element => element.id === elementId);

выдает ошибку
Uncaught TypeError: Cannot read property 'forEach' of undefined