Mudança de tom de cifra em javascript

[jpivinhema 0]

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>

 

[William Bruno 1501]

O que aparece no console de erros?

 

ctrl + shift + j no firefox ou chrome?

 

poste o link das sua tentativa de juntar os dois.

[jpivinhema 0]

Fala William Bruno, boa noite...segue o link de uma pagina integrada a função que muda tom, que no caso da erro, trava a aplicação e não chega nem a carregar a pagina, veja ai se você consegue descobrir o erro.. e desde já obrigado pelo interesse em me ajudar...mas o erro acontece ao clicar na aba cifra....ok

 

http://canticosliturgicos.16mb.com/app/mudartomdecifra.html

[jpivinhema 0]

9 horas atrás, William Bruno disse:

O que aparece no console de erros?

 

ctrl + shift + j no firefox ou chrome?

 

poste o link das sua tentativa de juntar os dois.

Fala William Bruno, boa noite...segue o link de uma pagina integrada a função que muda tom, que no caso da erro, trava a aplicação e não chega nem a carregar a pagina, veja ai se você consegue descobrir o erro.. e desde já obrigado pelo interesse em me ajudar...mas o erro acontece ao clicar na aba cifra....ok

 

http://canticosliturgicos.16mb.com/app/mudartomdecifra.html

[jpivinhema 0]

18 minutos atrás, jpivinhema disse:

Fala William Bruno, boa noite...segue o link de uma pagina integrada a função que muda tom, que no caso da erro, trava a aplicação e não chega nem a carregar a pagina, veja ai se você consegue descobrir o erro.. e desde já obrigado pelo interesse em me ajudar...mas o erro acontece ao clicar na aba cifra....ok

 

http://canticosliturgicos.16mb.com/app/mudartomdecifra.html

e você viu que o script de mudar tom funciona perfeito...o problema e que nao estou conseguindo integrar a minha aplicaçao

[William Bruno 1501]

veja os erros que apareceram no ctrl + shift + j. Corrija-os.

 

por exemplo, não existe nenhum elemento id="cifra".