Hi all, I'm new here and I have been following the tutorials up to this far. What is wrong with my code, it doesn't seem to work!

function doFirst(){ 
    testpic = document.getElementById('testpic');
    testpic.addEventListener("dragstart", startDrag, false);//site is waiting until we start to drag
    leftbox = document.getElementById('leftbox');
    leftbox.addEventListener("dragenter", function(e){e.preventDefault();},false);
    leftbox.addEventListener("dragover", function(e){e.preventDefault();} ,false); 
    leftbox.addEventListener("drop", dropped ,false);   

}

function.startDrag(e){
    var code='<img id="testpic" src="apple.jpg">';
    e.dataTransfer.setData('Text',code);
}

function.dropped(e){
    e.preventDefault();//nothing happens auto.
    leftbox.innerHTML = e.dataTransfer.getData('Text'); 
}
window.addEventListener("load, doFirst, false");