Mudança de tom de cifra em javascript

Fala galera boa tarde... sou novato aqui no forum...e estou com um problema...estou desenvolvento uma aplicação em html e javascript, o problema e o seguinte... tenho que implementar uma função e javascript para mudar o tom de cifra de musicas na minha aplicação... ja tenho ate a função funcionando separada, mas quando aplico ao site os javascript dessa função esta entrando em conflito com outros java ja instalado...ficarei muito grato pela ajuda de vcs nesse assunto... desde ja muito obrigado pela ajuda... e so pra reforçar.... sou leigo em javascript....so pesquiso as funções na net e implemento a aplicação..obrigado.

esse e o link da aplicação sem a função de mudar tom

http://canticosliturgicos.16mb.com/app/c-santissimatrindade.html

esse e o link da função mudança de tom - funcionando

http://canticosliturgicos.16mb.com/mudancadetom/index.html

quando implemento esse script que entra em conflito com o restante da aplicação

  <script>
  $(function() {
    $( "#tabs" ).tabs();

    document.getElementById('cifra').innerHTML =
   
    "<button id='menos-meio-tom'>-1/2 tom</button>" +
    "<button id='mais-meio-tom'>+1/2 tom</button>" +
    "</div></center><br/><br/>" + document.getElementById('cifra').innerHTML;

 

    $( "#menos-meio-tom" ).button()
    .click(function() {

        var cifras = document.getElementsByTagName ('b');

        for (i = 0; i < cifras.length; i++) {
            if(!mapMenosMeioTom[cifras.innerHTML]){
                console.log('Cifra no mapeada');
                continue;
            }

            cifras.innerHTML = mapMenosMeioTom[cifras.innerHTML];
        }

    });

    $( "#mais-meio-tom" ).button()
    .click(function() {

        var cifras = document.getElementsByTagName ('b');

        for (i = 0; i < cifras.length; i++) {
            if(!mapMaisMeioTom[cifras.innerHTML]){
                console.log('Cifra no mapeada', cifras.innerHTML);
                continue;
            }

            cifras.innerHTML = mapMaisMeioTom[cifras.innerHTML];
        }

    });

  });
  </script>