BUG: mixed-up javascript result
adrienjoly opened this issue · comments
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)
})