ну или let либо const

Спасибо огромнейшее

Боже я сейчас сдохну... даже button.addEventListener не работает.... при всем при этом нету ошибок

просто кнопка нажимается и никаких действий

Здравствуйте, подскажите может ли быть array контекстом(this) у метода ?

Может

а можешь пример показать без bind call и apply ?

Array.method = function() {}
Array.method()

Парни, я тут мб из гейдева думаю во фронт перекатиться, подскажите, есть принципиальная разница (перфоманс/удобство) какая-то между твинами и цсс анимациями?
В гейдеве привык, соответственно, юзать твины, поэтому, по идее, должно быть привычнее элементы анимировать через жс твинами

можешь подсказать почему у reduce this это window а не array ?

В таком виде или у самого метода?
[].reduce(() => this)

вот в таком [1, 2, 3, 4].reduce((accumulator, currentValue) => {
   console.log(this);
   return accumulator + currentValue;
});

Потому что это захваченный контекст стрелочной функции, а не контекст метода

а разве стрелочная функция не должна брать контекст внешней функции а это как раз reduce ?

Она должна взять контекст, в котором создана. У тебя это window

она же внутри метода создана нее ?

Ребятки сорри за оффтоп, просто не знаю где ещё задать вопрос, кто-нибудь регался недавно на LinkedIn??
Перестал пропускать регистрацию с впн и Американским номером
Может кто в курсе как обойти ?

Нет. Посмотри, я просто вынес создание функции. Может так будет понятнее
// this: window
const fn = () => {}
[].reduce(fn)

а почему она создается не внутри reduce а снаружи ?:)

<script>
    const cont = document.querySelector('#container');
    let click = document.getElementById('add-item-btn');
    let cif = 0;
    click.onclick = () => {
        cif++
        // let cont = document.querySelector('#container')
        let div = document.createElement('div');
        let c = document.createTextNode(`Element ${cif}`)
        let button = document.createElement('button')
        let button_text = document.createTextNode('×')

        button.dataset.id = cif;

        div.appendChild(c)
        button.appendChild(button_text)
        div.appendChild(button)
        button.classList.add('button1')
        div.classList.add('dialog')
        cont.appendChild(div)

        setTimeout(() => {
        cont.removeChild(div)
        }, 5000)
    }

    const buttons = document.getElementsByClassName('button1');
    cont.addEventListener('click', handleButtonClicks);

    function handleButtonClicks(event) {
        if (event && event.target.dataset.id) {
            const [currentBtn] = [...buttons]
                .filter(cont => cont.dataset.id === event.target.dataset.id);
            currentBtn.parentNode.classList.remove('dialog')
            currentBtn.parentNode.classList.add('vanish')
        }
    }
</script>

попробуй так