Javascript 如果给出的代码在js上是正确的，音频将如何播放

我目前正在练习我的html和js技能，我有一个代码，当我点击解锁按钮时，音频会自动播放，但问题是，即使解锁代码错误，音频也会播放。这是我在按钮和音频上的html

音频标签：

<audio id="music" src="bgmusic.mp3" controls hidden loop></audio>

这是我当前的语法，但我想发生的是，只有输入正确的代码，音频才会播放

下面是用于解锁代码功能的js函数：

 var number = 0;

      $('#unlock').on('click', function(event) {
            event.preventDefault();
            event.stopPropagation();

            $('#textMachine').css('display', 'inline-block');
            var code = '';
            $.each($('.code'), function(i, v) {
                code += $(v).val();
            });


            if(code == '30')
            {
                // success
                var machine = $('#textMachine').slotMachine({
                    active: 0,
                    delay: 500,
                    randomize : function(activeElementIndex){
                        return 3;
                    }
                });

                machine.setRandomize(3);

                machine.shuffle(5, function(){
                    answerCorrect();
                });
            } else {


                if(number == 3) { number = 0; }

                // fail
                var machine = $('#textMachine').slotMachine({
                    active: 1,
                    delay: 500,
                    randomize : function(activeElementIndex){
                        return number;
                    }
                });


                machine.shuffle(5, function(){
                    number++;
                });
            }
            
      });

      var answerCorrect = function() {
            $('.login-form').fadeOut();
            $('.congratulation-text').fadeIn();
            $('.success-area').css('display','block');
            


      };


  })();

---

实际上你可以做到

函数播放声音（）{
var audio=新音频（'audio_file.mp3'）；
音频播放（）；
}

                    var x = 
                    document.getElementById("music");

                    function playAudio() {
                        x.play();
                    }

 var number = 0;

      $('#unlock').on('click', function(event) {
            event.preventDefault();
            event.stopPropagation();

            $('#textMachine').css('display', 'inline-block');
            var code = '';
            $.each($('.code'), function(i, v) {
                code += $(v).val();
            });


            if(code == '30')
            {
                // success
                var machine = $('#textMachine').slotMachine({
                    active: 0,
                    delay: 500,
                    randomize : function(activeElementIndex){
                        return 3;
                    }
                });

                machine.setRandomize(3);

                machine.shuffle(5, function(){
                    answerCorrect();
                });
            } else {


                if(number == 3) { number = 0; }

                // fail
                var machine = $('#textMachine').slotMachine({
                    active: 1,
                    delay: 500,
                    randomize : function(activeElementIndex){
                        return number;
                    }
                });


                machine.shuffle(5, function(){
                    number++;
                });
            }
            
      });

      var answerCorrect = function() {
            $('.login-form').fadeOut();
            $('.congratulation-text').fadeIn();
            $('.success-area').css('display','block');
            


      };


  })();