Javascript 在if条件下播放mp3文件

我正在用FramerX编写一个代码，它使用Javascript和react库

我想根据鼠标的坐标值（x、y和z）发出不同的声音。如何在if条件下播放mp3文件，例如，如果x>10-->播放drum1.mp3如果10>x>20-->播放drum2.mp3

如果有人能帮我，我将不胜感激

谢谢。

功能播放音频（文件路径）{
function playAudio (filePath) {
  const audio = new Audio(filePath);
  audio.play();
}

if (x > 10) {
  playAudio('drum1.mp3')
} else if (x < 10 && x > 20) {
  playAudio('drum2.mp3')
}

const audio=新音频（文件路径）；
音频播放（）；
}
如果（x>10）{
播放音频（'drum1.mp3'）
}否则如果（x<10&&x>20）{
播放音频（'drum2.mp3'）
}