Jag vill spela musiken medan jag klickar på play ikonen, var har jag fel ?

<ul class ="miniMenu" id="menuList">
						<div class="album songsalbum" onmouseover="lists()">
							<div class="profile">
								<div class="artist">
									<img src="mehr.jpg" id="images">
									<p>Shadmehr Aghili</p>
								</div>
								<h3>Album: Instrumental | | Be Ehsas</h3>	
							</div>
							<div class="player">
								<i class="playButton fa-regular fa-circle-play"></i>
								<audio  id="audioPlayer">
									<source src="music.mp3" type="audio/mp3">
								</audio>
							</div>
						</div>
						<div class="album songsalbum">
							<div class="profile">
								<div class="artist">
									<img src="chitti.jpg" id="images">
									<p>Jubin Nautiyal</p>
								</div>
								<h3>Album: Chitti | | 2019</h3>
							</div> 
							<div class="player">
								<i class="playButton fa-regular fa-circle-play"></i>
								<audio  id="audioPlayer">
									<source src="chitti.mp3" type="audio/mp3">
								</audio>
							</div>
						</div>
						<div class="album songsalbum">
							<div class="profile">
								<div class="artist">
									<img src="shahin.jpg" id="images">
									<p>Shahin Banan</p>
								</div>
								<h3>Album: Deli Deli | | Yadesh</h3>	
							</div>
							<div class="player">
								<i class="playButton fa-regular fa-circle-play"></i>
								<audio  id="audioPlayer">
									<source src="shahin.mp3" type="audio/mp3">
								</audio>
							</div>
						</div>
						<div class="album songsalbum">
							<div class="profile">
								<div class="artist">
									<img src="madina.jpg" id="images">
									<p>Madina</p>
								</div>
								<h3>Album: Meram az in shahr | | Reflex</h3>
							</div>
							<div class="player">
								<i class="playButton fa-regular fa-circle-play"></i>
								<audio  id="audioPlayer">
									<source src="madina.mp3" type="audio/mp3">
								</audio>
							</div>
						</div>
						<div class="album songsalbum">
							<div class="profile">
								<div class="artist">
									<img src="khumar.jpg" id="images">
									<p>Sahir Ali</p>
								</div>
								<h3>Album: Khumar | | Har Pal Geo</h3>	
							</div>
							<div class="player">
								<i class="playButton fa-regular fa-circle-play"></i>
								<audio  id="audioPlayer">
									<source src="khumar.mp3" type="audio/mp3">
								</audio>
							</div>
						</div>
						<div class="album songsalbum">
							<div class="profile">
								<div class="artist">
									<img src="chal.jpg" id="images">
									<p>Indian</p>
								</div>
								<h3>Album: Chal Tere Ishq Main | | LoveStory</h3>
							</div>
							<div class="player">
								<i class="playButton fa-regular fa-circle-play"></i>
								<audio  id="audioPlayer">
									<source src="chal.mp3" type="audio/mp3">
								</audio>
							</div>
						</div>
						<div class="album songsalbum">
							<div class="profile">
								<div class="artist">
									<img src="ghazal.jpg" id="images">
									<p>Ghazal Sadat</p>
								</div>
								<h3>Album: To Mara Namipasandi | | Shaad</h3>	
							</div>
							<div class="player">
								<i class="playButton fa-regular fa-circle-play"></i>
								<audio  id="audioPlayer">
									<source src="ghazal.mp3" type="audio/mp3">
								</audio>
							</div>
						</div>
						<div class="album songsalbum">
							<div class="profile">
								<div class="artist">
									<img src="madina2.jpg" id="images">
									<p>Madina & Muboriz</p>
								</div>
								<h3>Album: Kam Kam | | Love</h3>
							</div>
							<div class="player">
								<i class="playButton fa-regular fa-circle-play"></i>
								<audio  id="audioPlayer">
									<source src="madina2.mp3" type="audio/mp3">
								</audio>
							</div>
						</div>
					</ul>









document.addEventListener("DOMContentLoaded", function() {
		    var playButtons = document.querySelectorAll(".playButton");

		    playButtons.forEach(function(button) {
		        button.addEventListener("click", function(event) {
		            var clickedButton = event.currentTarget;
		            var parentPlayer = clickedButton.closest(".player");
		            var audioPlayer = parentPlayer.querySelector(".audioPlayer");

		            if (audioPlayer.paused) {
		                audioPlayer.play();
		                clickedButton.classList.add("fa-pause-circle");
		                clickedButton.classList.remove("fa-play-circle");
		            } else {
		                audioPlayer.pause();
		                clickedButton.classList.remove("fa-pause-circle");
		                clickedButton.classList.add("fa-play-circle");
		            }
		        });
		    });
		});