如何播放对HTML/JavaScript中的输入变量做出反应的音频文件？

我试图编写一个HTML/JavaScript文件，根据给定的动物名称播放动物声音（.mp3）

脚本提示用户输入动物的名称。用户输入名称后，动物的名称将显示在输出框中。代码在我的音频目录中搜索给定动物的名字，当找到名字时，然后（并且只有那时）加载声音的音频标签。用户可以按播放键收听（如果选择）。这在给定的图片中进行了说明：

问题是我不知道如何使用mp3文件源作为变量 有人能帮忙吗

以下是我到目前为止编写的JavaScript和HTML文件：

函数animalVoice（）{
//从文本字段中获取动物名称
theAnimal=document.animals.newAnimal.value；
document.animals.outAnimal.value=theAnimal；//在“output”字段中再次写入输入
}

为音频标签指定ID并更改其来源：

function animalVoice(){
    // Get the Animal name from the text field
    theAnimal=document.animals.newAnimal.value; 
    document.getElementById("myPlayer").src = "audio/" + theAnimal + ".mp3"; 
}

HTML:



但是，您可能希望首先验证给定的字符串是否是受支持的动物。
这很有效！！！我只需要将HTML文件中的源代码重写为：src=“audio/”，因为cow.mp3只是一个示例。非常感谢！
<audio
    src="audio/cow.mp3"
    id="myPlayer"
    preload="auto"
    controls>     
</audio>