Why Click event does not work in audio tag [duplicate]

I want to fire a function name shake dots when clicked in audio apparently it does not fire here is the code

   <div class="lyric-word">
                  <span class="sho">.</span>
                  <span class="sho">.</span>
                  <span class="sho">.</span>
                  <span class="sho">.</span>
                  <span class="sho">.</span>
                  <span class="sho">.</span>
            </div>      
<div class="btm">
            <audio id="thisaudio" onclick="shakeDots()" src="https://pagalworld.com.mx/wp-content/uploads/2023/02/Until-I-Found-You.mp3"
                  controls controlsList="nodownload noplaybackrate"></audio>
      </div>

JS

   function shakeDots() {
            const $click= document.querySelectorALL('.shok');
            $click.classList.add('shak'); 
            console,log("Clicked")
        }

Thanks