Кнопка для запуска отдельной строки кода HTML Javascript Soundjs

Question

Хорошо, в основном, я хочу создать кнопку, которая запускает новую функцию JavaScript. Я хочу, чтобы кнопка нажималась и оставалась нажатой (затем нажмите еще раз, чтобы выключить ее).

Мой код (без кнопки):

function playSound(target) {
            //Play the sound: play (src, interrupt, delay, offset, loop, volume, pan)
            var instance = createjs.Sound.play(target.id, createjs.Sound.INTERRUPT_ANY, 0, 0, false, 1);

            if (instance == null || instance.playState == createjs.Sound.PLAY_FAILED) { return; }
            target.className = "gridBox1 active";

            instance.addEventListener ("complete", function(instance) {
                target.className = "gridBox1";
            });
        }

Я хочу, чтобы нажимаемая кнопка запускала новый набор звуков в цикле, вот что я придумал:

<button id="buttonEv" onclick="myFunction()">Evolve</button>

        <script>

        function myFunction() {

            function playSound(target) {
               //Play the sound: play (src, interrupt, delay, offset, loop, volume, pan)
                var instance = createjs.Sound.play(1, {loop:2});
                instance.on("loop", handleLoop); 

                if (instance == null || instance.playState == createjs.Sound.PLAY_FAILED) { return; }
                target.className = "gridBox1 active";

                instance.addEventListener ("complete", function(instance) {
                    target.className = "gridBox1";
                });
            }

        }

        $('#buttonEv').click(function(event){
            if($(this).hasClass('active')){
            $(this).removeClass('active')
            } else {
            $(this).addClass('active')
        }
        });

        </script> 

Кнопка нажимает и остается нажатой, но не влияет на звуки

Есть смысл? Есть идеи? Спасибо!