BUG: mixed-up javascript result

[Adrien Joly]

from this fiddle: https://jsfiddle.net/lucillevl/o5skom1u

=> module returns following JS:

var tab = document.getElementsByClassName('jean');

var tabDeux = document.getElementsByClassName('hiver');

var tabTrois = document.getElementsByClassName('cuir');

var tabQuatre = document.getElementsByClassName('gris');

document.getElementById('view-all').onclick = function() {
  for (var i=0; i<tabdeux.length; i++)="" {="" tabdeux[i].classlist.remove('hidden');="" }="" for="" (var="" i="0;" i<tabtrois.length;="" tabtrois[i].classlist.remove('hidden');="" i<tabquatre.length;="" tabquatre[i].classlist.remove('hidden');="" i<tab.length;="" tab[i].classlist.remove('hidden');="" };="" document.getelementbyid('jean').onclick="function()" i<tabdeux.length;="" tabdeux[i].classlist.add('hidden');="" tabtrois[i].classlist.add('hidden');="" tabquatre[i].classlist.add('hidden');="" document.getelementbyid('hiver').onclick="function()" tab[i].classlist.add('hidden');="" document.getelementbyid('cuir').onclick="function()" document.getelementbyid('gris').onclick="function()" };<="" textarea="">
    <a href="#" class="windowLabel" data-panel="js">
      <span class="label">JavaScript</span><i class="bts bt-gear"></i>
    </a>
  </tabdeux.length;>

...instead of: (expected)

var tab = document.getElementsByClassName('jean');

var tabDeux = document.getElementsByClassName('hiver');

var tabTrois = document.getElementsByClassName('cuir');

var tabQuatre = document.getElementsByClassName('gris');

document.getElementById('view-all').onclick = function() {
  for (var i=0; i<tabDeux.length; i++) {
    tabDeux[i].classList.remove('hidden');
  }
  for (var i=0; i<tabTrois.length; i++) {
    tabTrois[i].classList.remove('hidden');
  }
  for (var i=0; i<tabQuatre.length; i++) {
    tabQuatre[i].classList.remove('hidden');
  }
  for (var i=0; i<tab.length; i++) {
    tab[i].classList.remove('hidden');
  }
};

document.getElementById('jean').onclick = function() {
  for (var i=0; i<tabDeux.length; i++) {
    tabDeux[i].classList.add('hidden');
  }
  for (var i=0; i<tabTrois.length; i++) {
    tabTrois[i].classList.add('hidden');
  }
  for (var i=0; i<tabQuatre.length; i++) {
    tabQuatre[i].classList.add('hidden');
  }
  for (var i=0; i<tab.length; i++) {
    tab[i].classList.remove('hidden');
  }
};

document.getElementById('hiver').onclick = function() {
 
  for (var i=0; i<tab.length; i++) {
    tab[i].classList.add('hidden');
  }
  for (var i=0; i<tabTrois.length; i++) {
    tabTrois[i].classList.add('hidden');
  }
  for (var i=0; i<tabQuatre.length; i++) {
    tabQuatre[i].classList.add('hidden');
  }
  for (var i=0; i<tabDeux.length; i++) {
    tabDeux[i].classList.remove('hidden');
  }
};

document.getElementById('cuir').onclick = function() {
 
  for (var i=0; i<tab.length; i++) {
    tab[i].classList.add('hidden');
  }
  for (var i=0; i<tabDeux.length; i++) {
    tabDeux[i].classList.add('hidden');
  }
  for (var i=0; i<tabQuatre.length; i++) {
    tabQuatre[i].classList.add('hidden');
  }
  for (var i=0; i<tabTrois.length; i++) {
    tabTrois[i].classList.remove('hidden');
  }
};

document.getElementById('gris').onclick = function() {
 
  for (var i=0; i<tab.length; i++) {
    tab[i].classList.add('hidden');
  }
  for (var i=0; i<tabTrois.length; i++) {
    tabTrois[i].classList.add('hidden');
  }
  for (var i=0; i<tabDeux.length; i++) {
    tabDeux[i].classList.add('hidden');
  }
  for (var i=0; i<tabQuatre.length; i++) {
    tabQuatre[i].classList.remove('hidden');
  }
};

testing code: (to reproduce bug)

require('jsfiddle').getFiddle('lucillevl/o5skom1u', function(err, res) {
  console.log(res.js)
})