Jquery Conversion

original.js

$(function(){
  $('#variations-test .swatches a').hover(function(){
    $('#variations-test .variation-color').html( $(this).attr('data-color') );
    }, function() {
    $('#variations-test .variation-color').html( $('#variations-test .swatches a.active').attr('data-color') );
  });
});

raw.js

var variations = document.getElementById('variations-test'),
    swatchLinks = variations.querySelectorAll('.swatches a'),
    variationColor = variations.querySelector('.variation-color');

for(var i=0; i< swatchLinks.length; i++) {
  swatchLinks[i].addEventListener('mouseenter', function(evt) {
    variationColor.innerHTML = this.getAttribute('data-color');
  });

  swatchLinks[i].addEventListener('mouseleave', function(evt) {
    var active = variations.querySelector('.swatches a.active');
    variationColor.innerHTML = active.getAttribute('data-color');
  });
}