Копирование данных с input в атрибут data-*
 

Здравствуйте уважаемые форумчане!
Есть простенький скрипт который копирует вводимый текст из input в указанный id

<span id="city_copy"></span>
<input type="text" id="xf_city" value="">

var src = document.getElementById("xf_city"),
dst = document.getElementById("city_copy");
src.addEventListener('input', function(){ dst.innerHTML = src.value });

Подскажите пожалуйста, как сделать так, чтобы вводимый текст копировался в атрибут data-number?

<a id="city_copy" class="btn btn-info" data-target="#trade-in-admin" title="" data-number="1">Сылка</a>

Что только не пробовал, но в этом деле новичок, и пока что своими силами не получилось. Вот так пробовал, но ничего не вышло. Хотя ошибки тоже нет.

var asrc = document.getElementById("xf_city"),
adst = document.getElementById("city_copy");
var xyz = adst.getAttribute("data-number")
asrc.addEventListener('input', function(){ xyz = asrc.value });
console.log(xyz);

kovalenko3331,

var asrc = document.getElementById("xf_city"),
adst = document.getElementById("city_copy");
asrc.addEventListener('input', function(){ adst.setAttribute("data-number", asrc.value);
console.log(adst.dataset.number);
});

рони,
Спасибо большое за помощь!