显示新按钮集的Javascript开关

显示新按钮集的Javascript开关,javascript,html,Javascript,Html,我在尝试用Javascript进行切换时遇到了问题,根据具体情况,当切换激活时,程序将显示许多新按钮,您可以单击这些按钮并播放声音 这是我的HTML和Javascript以及第一组按钮: 函数selectchord(){ var userinput=document.getElementById(“chord”).value; 开关(用户输入){ 案例“a”: 文件。书写(“holas”); 打破 } } 功能播放声音(路径){ var audioElement=document.create

我在尝试用Javascript进行切换时遇到了问题,根据具体情况,当切换激活时,程序将显示许多新按钮,您可以单击这些按钮并播放声音

这是我的HTML和Javascript以及第一组按钮:

函数selectchord(){
var userinput=document.getElementById(“chord”).value;
开关(用户输入){
案例“a”:
文件。书写(“holas”);
打破
}
}
功能播放声音(路径){
var audioElement=document.createElement('audio');
setAttribute('src',path);
audioElement.play();
}

选择和弦

未成年人 B小调
您的代码中有几个问题

我不知道你的确切意图,但我认为你正试图这样做:

var-button=document.getElementById('selectChord');
按钮。addEventListener('click',selectChord,false);
函数selectChord(){
var userinput=document.getElementById(“chord”).value.toLowerCase(),
html='';
开关(用户输入){
案例“a”:
html+=“A”;
html+='Am';
打破
案例“b”:
html+='B';
html+='Bm';
打破
违约:
html+='Oops!

'; } document.getElementById('buttons')。innerHTML=html; } 播放声音功能(id){ console.log(id); }
#按钮{
利润率:10px0;
}

选择和弦