Riportare dati funzione javascript in textbox

[iffo]

Buongiorno a tutti,

sono nuovo e non conosco javascript.
ho una domanda (probabilmente banale per molti di voi).
Ho ripreso questo codice Javascript dalla pagina https://codepen.io/chriscoyier/pen/ekazc

var DEVONLYpositioning = {

init: function() {
this.injectDataDisplay();
this.initDragging();
},

injectDataDisplay: function() {

$("<div />", {
id: "data-display",
html: "#<span id='dd-class'></span> {<br>&nbsp;&nbsp;top: <span id='dd-top'></span>px;<br>&nbsp;&nbsp;left: <span id='dd-left'></span>px;<br>}"
}).appendTo("body");

},

initDragging: function() {

[].forEach.call(
document.querySelectorAll('.object'),
function(el){
var tempDraggie = new Draggabilly(el, {
containment: '#site-header'
});

tempDraggie.on('dragEnd', function(draggieInstance, event, pointer) {
DEVONLYpositioning.updateInfo(draggieInstance);
});
}
);

},

updateInfo: function(inst) {

$("#dd-class").text(inst.element.id);
$("#dd-top").text(inst.position.y);
$("#dd-left").text(inst.position.x);

}

};

DEVONLYpositioning.init();

Vorrei riportare il risultato di (dd-class / dd-top / dd-left) in 3 textbox separate nella index.html anziché nel "data Display".
Grazie a chi mi può aiutare.