Como fazer o efeito fadeOut com JavaScript puro

Estou tentando fazer o efeito fadeOut para umdiv comJavaScript puro.

Isto é o que estou usando atualmente:

//Imagine I want to fadeOut an element with id = "target"
function fadeOutEffect()
{
 var fadeTarget = document.getElementById("target");
 var fadeEffect = setInterval(function() {
  if (fadeTarget.style.opacity < 0.1)
  {
   clearInterval(fadeEffect);
  }
  else
  {
   fadeTarget.style.opacity -= 0.1;
  }
 }, 200);
}

A div deve desaparecer sem problemas, mas desaparece imediatamente.

O que há de errado? Como posso resolver isso?

jsbin

questionAnswers(4)

yourAnswerToTheQuestion