cargar img desde input file

[RicardGTX]

Hola chicos,
no entiendo porque no funciona si meto el script aparte del html. En cambio si esta todo junto si funciona.
Como lo puedo solucionar ???

Aqui os dejo el codigo

html
----------------------------------------------------------------

Código HTML:

<input type="file" id="files" name="files[]" />
<output id="list"></output>
 

js
----------------------------------------------------------------

Código Javascript:

function archivo(evt) {
  var files = evt.target.files; // FileList object
 
  // Obtenemos la imagen del campo "file".
  for (var i = 0, f; f = files[i]; i++) {
    //Solo admitimos imágenes.
    if (!f.type.match('image.*')) {
        continue;
    }
 
    var reader = new FileReader();
 
    reader.onload = (function(theFile) {
        return function(e) {
          // Insertamos la imagen
         document.getElementById("list").innerHTML = ['<img class="thumb" src="', e.target.result,'" title="', escape(theFile.name), '"/>'].join('');
        };
    })(f);
 
    reader.readAsDataURL(f);
  }
}
 
document.getElementById('files').addEventListener('change', archivo, false);
 

saludos
gracias