Почему не срабатывает данный скрипт?

Question

[ImagineWorld]

let button=document.querySelector('.button');
let button_ok=document.querySelector('.ok');


let func=()=> {
    button.remove();

 let button_ok=window.document.createElement('button');
    window.document.createElement('button');
    button_ok.className='ok';

}

let funcdel =()=> {
    alert('1');
}

let yesitsme =()=> {
    alert('Да, Это я!');
}


button.addEventListener('click',funcdel);
button.addEventListener('click',func);
button_ok.addEventListener('click',yesitsme);

Кнопка новая не создаётся

Comments

[Alex]

В отладчик браузера смотрели?

[Сергей Сергей]

appendChild

[ImagineWorld]

Alex, Да, пишет: Cannot read property 'addEventListener' of null

Но это пишет о последнем обработчике, поскольку на момент загрузки скрипта, такого элемента еще нет в DOM

Answer 1

[Алексей]

кнопку создаете, но никуда в DOM не помещаете

let func=()=> {
    button.remove();

 let button_ok=window.document.createElement('button');
    window.document.createElement('button');
    button_ok.className='ok';
}

очень странная функция. Допустим в первой строке вы создали элемент, то дальше логично добавить класс и потом поместить в DOM, вместо этого вы просто два раза создали элемент и присвоили класс