Nuevo en javascript, lo siento, mi inglés es malo.
Llamo a getpb() desde HTML, esto es lo que quiero
<span id="drag1" title="teeth" draggable="true" ondragstart="dragThis(event)">my teeth</span>
Esto es lo que tengo, accedo a la matriz , configuro el ciclo for en 10 en lugar de la longitud de la matriz
function getpb(){ j=1; var pbdiv = document.getElementById("pickBox"); for (var i=0; i<10;i++) { var elem = document.createElement("span"); document.getElementById("pickBox").appendChild.elem; elem.id = [j]; elem.title = "teeth"; elem.draggable = "true"; elem.ondrag ? does not work elem.innerHTML = "my teeth"; console.log(elem); pbdiv.appendChild(elem); i++; j++; } }Ya casi estás ahí. Solo necesita agregar el evento ondragstart allí
function dragThis(event){ //TODO: Add your logic here console.log('dragging') console.log(event.target.id) } function getpb(){ j=1; var pbdiv = document.getElementById("pickBox"); for (var i=0; i<10;i++) { var elem = document.createElement("span"); document.getElementById("pickBox").appendChild.elem; elem.id = [j]; elem.title = "teeth"; elem.draggable = "true"; elem.ondragstart = dragThis elem.innerHTML = "my teeth"; pbdiv.appendChild(elem); i++; j++; } } getpb() <div id="pickBox"> </div>