Как перетащить текст DND в input?

Question

[Макс Darkleviathan]

Есть такой код :

print "<a draggable='true' ondragstart='drag(event)'>Hello</a>";
print "<br><input id=data type=text name=p1 ondrop='drop(event)' ondragover='allowDrop(event)'>"

<script>
function allowDrop(ev) {
    ev.preventDefault();
}

function drag(ev) {
    ev.dataTransfer.setData('text', ev.target.id);
}

function drop(ev) {
    ev.preventDefault();
    var data = ev.dataTransfer.getData('text');
    ev.target.appendChild(document.getElementById(data));
}
</script>

Выдает такую ошибку.
Uncaught TypeError: Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'.
Помогите разобраться в чем проблема.

Comments

[Froggyweb]

google translate Uncaught TypeError: Не удалось выполнить 'appendChild' на 'Node': параметр 1 не относится к типу 'Node'.
В функции drop пишем либо debug либо console.log(document.getElementById(data))

Answer 1

[Ibishka]

function drop(ev) {
    ev.preventDefault();
    var data = ev.dataTransfer.getData('text');
    var elem = document.getElementById(data)
    ev.target.appendChild(elem);
}

Comments

[Макс Darkleviathan]

Ничего особо не изменилось
https://codepen.io/max-darkleviathan/pen/oNXZjrX

[Довольный Айтишникъ]

Макс Darkleviathan, можно вставлять не ссылку а результат

Answer 2

[Макс Darkleviathan]

Уже решил данную задачу сам.Спасибо всем за помощь)
Оставляю код на всякий случай здесь.