depstor

wrapper - названия переменной в которую ты получаешь .box (document.querySelector('.box');

ты проверяешь был ли сделан клик на родителя элемента, если да , то на какой именно элемент.
Делегирование событий!!
+ в том , что не важно сколько сколько кнопок у тебя будет, всегда все отработает

wrapper.addEventListener('click', (e) => {
if (e.target && e.target.tagName == "BUTTON(пример)") {
функция изменения item
}
});

№2

const box = document.querySelector('.box'),
    item = document.querySelector('.item');

box.addEventListener('click', () => {
    item.innerHTML = +0;
});

просто и сердито