Added breadcrumbs from the url path with javascript

ac_bc.js

function titleCase(str) {
    str = str.toLowerCase().split(' ');
    for (var i = 0; i < str.length; i++) {
        str[i] = str[i].charAt(0).toUpperCase() + str[i].slice(1);
    }
    return str.join(' ');
}

var bcElements = document.querySelectorAll('[data-breadcrumbs]');
var currentPath = window.location.pathname;
//currentPath =  currentPath.replace(/-/g, ' ');
var currentPathClean = currentPath.substring(1, currentPath.length - 1);
var crumbsArray = currentPathClean.split('/');
var linkLabel = '';
var linkSlug = '';

for (var i = 0; i < crumbsArray.length; i++) {

    linkSlug = linkSlug + '/' + crumbsArray[i];
    linkLabel = crumbsArray[i].replace(/-/g, ' ')
    linkLabel = titleCase(linkLabel);


    for (var c = 0; c < bcElements.length; c++) {

        if(i + 1 ===   crumbsArray.length){
            bcElements[c].insertAdjacentHTML('beforeend', '<li>'+linkLabel+'</li>');

        }else{
            bcElements[c].insertAdjacentHTML('beforeend', '<li><a href="'+linkSlug+'" >'+linkLabel+'</a></li>');
        }

    }

}

index.html

<ul class="breadcrumbs" data-breadcrumbs >
   <li><a href="/">Start</a></li>
</ul>