/// Head
let url = new URL(window.location.href);

var eee = url.searchParams.get('e');
var loop = url.searchParams.get('LL') || false;

var isTrueSet = loop == 'true';

if (!eee) {
    isTrueSet = false;
}


/// Body
let e = document.querySelector('[e]');

let str = 'R';
let strRepeat = 'E';

let bgColor = 'red';
let color = 'yellow';

let title = 'Kheee';

text();

function text() {
    switch (eee) {
        case 'e':
            strRepeat = 'e';

            strChange(str, strRepeat, false, false, true);
            break;

        case 'voilà':
            str = 'VOIL';
            strRepeat = 'À';

            bgColor = 'purple';
            color = 'gold';

            strChange(str, strRepeat, false, false, false);
            break;

        default:
            if (isTrueSet) {
                str = eee;
                strRepeat = eee;

                strChange(str, strRepeat, false, true, false);
            } else {
                strChange(str, strRepeat, true, false, false);
            }
    }
}

function strChange(str, strRepeat, isREEE, isLL, isE) {
    if (!isREEE) {
        title = str + strRepeat;
    }

    if (isLL) {
        title = str;
    }

    if (!isE) {
        document.title = title;
        e.innerHTML = e.innerHTML.replace('e', str);
        changeColor(bgColor, color);
    }

    clock(strRepeat);
}

function clock(strRepeat) {
    setInterval(() => {
        e.innerHTML += strRepeat;
    }, 1);
}

function changeColor(bgColor, color) {
    e.style.backgroundColor = bgColor;
    e.style.color = color;
}