Elementor toggle sound button

elementor_sound_control.js

<script>
document.addEventListener('DOMContentLoaded', function() {
	var toggleSoundButtonMuted = document.querySelector('.e-fas-volume-mute');
	var toggleSoundButtonSound = document.querySelector('.e-fas-volume-up');
	toggleSoundButtonSound.style.display = "none";
	var iconWrapper = toggleSoundButtonMuted.closest('.elementor-icon');
	var secondIconWrapper = toggleSoundButtonSound.closest('.elementor-icon');
	secondIconWrapper.removeChild(toggleSoundButtonSound);
	var heroBackgroundVideo = document.querySelector('.herosection video');
	
	toggleSoundButtonMuted.addEventListener('click', function (event) {
		if (heroBackgroundVideo.muted !== false){
			heroBackgroundVideo.muted=false;
			iconWrapper.removeChild(toggleSoundButtonMuted);
			iconWrapper.appendChild(toggleSoundButtonSound);
			toggleSoundButtonSound.style.display = "block";
			toggleSoundButtonMuted.style.display = "none";
		} else {
			heroBackgroundVideo.muted=true;
			iconWrapper.removeChild(toggleSoundButtonSound);
			iconWrapper.appendChild(toggleSoundButtonMuted);
			toggleSoundButtonSound.style.display = "none";
			toggleSoundButtonMuted.style.display = "block";
		} 
	}); 
	
	toggleSoundButtonSound.addEventListener('click', function (event) {
		if (heroBackgroundVideo.muted !== false){
			heroBackgroundVideo.muted=false;
			iconWrapper.removeChild(toggleSoundButtonMuted);
			iconWrapper.appendChild(toggleSoundButtonSound);
			toggleSoundButtonSound.style.display = "block";
			toggleSoundButtonMuted.style.display = "none";
		} else {
			heroBackgroundVideo.muted=true;
			iconWrapper.removeChild(toggleSoundButtonSound);
			iconWrapper.appendChild(toggleSoundButtonMuted);
			toggleSoundButtonSound.style.display = "none";
			toggleSoundButtonMuted.style.display = "block";
		} 
	}); 
});
</script>