Вывод результата сравнения строк

Есть 2 строки, хочу вывести разницу между ними после их сравнения. Для этого я решила преобразовать их к массивам, потом сравнивать эти массивы, полученный массив обратно в строку и на вывод, но это решение громоздкое, может существует какое-то более легкое и изящное решение?

Код: https://codepen.io/yiulia-okushko/pen/wQGBrK?editors=1010
Важно:буду благодарна любым подсказкам, но прошу ориентироваться только на чистый JS

Код *.js:

var beforeChange=document.getElementById('mainBlock').innerHTML;
function conversion(){ 
    var afterChange=document.getElementById('mainBlock').innerHTML;
    var beforeChangeArray =beforeChange.split('');
    var afterChangeArray =afterChange.split('');    
    function arr_diff (a1, a2) { 
        var a = [], diff = [];
        for (var i = 0; i < a1.length; i++) {
            a[a1[i]] = true;
        }
        for (var i = 0; i < a2.length; i++) {
            if (a[a2[i]]) {
                delete a[a2[i]];
            } else {
                a[a2[i]] = true;
            }
        }
        for (var k in a) {
            diff.push(k);
        }
        return diff;
    }
    var difference = arr_diff(beforeChangeArray,afterChangeArray);
     console.log("Difference = "+ difference)
}