Why does dynamically created element with Dragstart event returns undefined?

The following code creates new elements and ascribes an dragstart event to it. However it results in an "undefined". What am I doing wrong?

    for (var S = 0; S < arrInbound[i][3].length; S++){      
        var namesDiv = document.createElement('div');
        namesDiv.id = S;
        namesDiv.draggable = 'true';
        namesDiv.contenteditable = 'true';
        namesDiv.className = "crewNames";
        namesDiv.ondragstart = function(){dragStart(event)
            if(event.target.type=="range")event.preventDefault();
            event.dataTransfer.setData("Text", event.target.id);
            console.log("Dragging...");
        };
        namesDiv.onclick = function(){alert("ytry");};
        namesDiv.ierHTML = arrInbound[i][3][S];
        tagElRight.appendChild(namesDiv)        
    }