function isWhiteSpace(char){
    return /\s/.test(char);
}

function wrapCharsInSpan(element){
    const text = element.textContent;

    element.textContent = "";

    const fragment = document.createDocumentFragment();

    for(const char of text){
        if(!isWhiteSpace(char)){
            const span = document.createElement('span');
            span.textContent = char;
            fragment.appendChild(span);
        }else{
            fragment.appendChild(document.createTextNode(char));
        }
    }

    element.appendChild(fragment);
}

document.querySelectorAll(".dancing-letters").forEach(wrapCharsInSpan);