javascript - 別のコード行をトリガーするボタン 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> 

ボタンがクリックされ、クリックされたままになりますが、サウンドには影響しません

わかる？何か案は？ありがとう！