Как запускать события для элементов, созданных после других событий в Javascript? ⇐ CSS

[Anonymous]

У меня есть копия калькулятора Windows. Я застрял на «вкладке памяти».
Мне нужно создать события нажатия на три кнопки: MC M+ M-, как показано ниже (в правом верхнем углу экрана):


Проблема в том, что что эти кнопки (и все элементы вокруг) создаются впоследствии каждый раз, когда я нажимаю «MS» на главном калькуляторе (слева экрана, над основными кнопками).

Код: Выделить всё

function addMemoryValue(){
const uls = document.createElement("ul");
const lis = document.createElement("li");
const h2s = document.createElement("h2");
h2s.textContent = Number(display.textContent);
const h3s = document.createElement("h3");

uls.appendChild(lis);
lis.appendChild(h2s);
h2s.appendChild(h3s);

let valueBtn = ["MC", "M+", "M-"];

valueBtn.forEach((element) => {
const memoryBtn = document.createElement("button");
memoryBtn.setAttribute("value", element);
memoryBtn.textContent = element;
const memorySpn = document.createElement("span");
memorySpn.appendChild(memoryBtn);
memoryBtn.classList.add("btnsave");
h3s.appendChild(memorySpn);

const buttonTest = document.getElementsByClassName("btnsave");
console.log(buttonTest.textContent);
})

Я хочу перебирать эти кнопки и создавать операторы if в соответствии с textContent, но я не уверен, как нацелить кнопки, поскольку они еще не существуют.
Если, например, я попробую следующее:

Код: Выделить всё

const buttonTest = document.getElementsByClassName("btnsave");
console.log(buttonTest.textContent);

Я получаю «неопределенное» независимо от того, находится ли console.log внутри или вне функции.

Подробнее здесь: https://stackoverflow.com/questions/655 ... javascript