На какие кнопки надо нажимать, в каком data-атрибуте лежит id и куда его надо записывать:
const buttonSelector = '.one-click-button';
const key = 'id';
const attr = `data-${key}`;
const input = document.querySelector('#one_b_id');
Как достать из кнопки значение атрибута:
const getId = el => el.dataset[key];
// или
const getId = el => el.getAttribute(attr);
// или
const getId = el => el.attributes[attr].value;
Делегирование, обработчик добавляется один раз, клик ловим на документе, надо проверять, что клик случился на кнопке, а не где-то ещё:
document.addEventListener('click', e => {
const button = e.target.closest(buttonSelector);
if (button) {
input.value = getId(button);
}
});
Или, назначаем обработчик клика каждой кнопке индивидуально:
document.querySelectorAll(buttonSelector).forEach(function(n) {
n.addEventListener('click', this);
}, e => input.value = getId(e.currentTarget));
