Дима

Я только начинаю учить. Для меня более понятный такой формат кода. Может кому то поможет. Добавил сортировку от меньшего к большему и наоборот.

var 
a1 = [1,2,3,99,88,77,89,-99,-199]
a2 = [1,2,3,8,89,9,-99,6,-77]

function sortMyArray(a,b){
 return   b - a;
}
function sortMyArrayR(a,b){
 return   a - b;
}

function comparison () {
   return a1.filter(i=>a2.indexOf(i)<0).concat(a2.filter(i=>a1.indexOf(i)<0))
}

write.innerHTML += "["+comparison(a1,a2).sort(sortMyArray)+"]";
arr.innerHTML +=  "["+ a1.sort(sortMyArray).toString()+"] \t["+a2.toString()+"]"
writeRev.innerHTML += "["+comparison(a1,a2).sort(sortMyArrayR)+"]";

<p id="arr"></p>
    <p id="write">
        compare:
    </p>
    <p id="writeRev">
        compareReverse:
    </p>

вот как решается подобная ситуация

ul.counter {
font-size: 55px; /* грубость текста */
list-style: none; /* уберает стандартные маркеры */
}

ul.counter li:before {
content: ''; /* для отображения контента в данном солучаи - background: url(./imeg/jVfPr0P4gm0.jpg); */
display: inline-block; /* тоже необходим для отображения нашего изображения */
width: 150px;
height: 150px;
background: url(./imeg/jVfPr0P4gm0.jpg); /* путь к нашему изображению */
background-size: contain; /* для отображения изображения в указанных нами размерами width: 150px; height: 150px; */
}