Javascript 按下“是”按钮后，如何隐藏第一个响应？

多亏了你们，当按下某个按钮时，这些词才得以出现。还有一件事需要帮助。我尝试过使用谷歌，只找到了一些想法，但效果不好。这很简单

想玩游戏吗



对
不
功能按钮1（）{
document.getElementById（“是”）.style.display=“块”；
}
//按下“是”按钮后隐藏第一个问题的代码
var button=document.getElementById（'byes1'）
按钮。addEventListener（'click'，hideshow，false）；
函数byes1（）{
document.getElementById（'byes1'）.style.display='block'；
this.style.display='none'
}
函数按钮no1（）{
document.getElementById（“no”）.style.display=“block”；
}
随机词

没有单词

这里是第二个问题

对
不
功能按钮2（）{
document.getElementById（“yes2”）.style.display=“block”；
}
函数按钮no2（）{
document.getElementById（“no2”）.style.display=“block”；
}
随机词2

无单词2

这就是你想要的吗？请参见下面的代码段：

功能按钮1（）{
var Yes1=document.getElementById（“是”）
是1.style.display=“块”；
var question1Div=document.getElementById（“question1Div”）
问题1div.style.display=“无”；
var question2Div=document.getElementById（“question2Div”）
问题2div.style.display=“块”；
}
//按下“是”按钮后隐藏第一个问题的代码
var button=document.getElementById（'byes1'）
按钮。addEventListener（'click'，false）；
函数byes1（）{
document.getElementById（'byes1'）.style.display='block'；
this.style.display='none'
}
函数按钮no1（）{
document.getElementById（“no”）.style.display=“block”；
}
功能按钮2（）{
document.getElementById（“yes2”）.style.display=“block”；
}
函数按钮no2（）{
document.getElementById（“no2”）.style.display=“block”；
}

想玩游戏吗



对
不
随机词

没有单词

第二个任务就在这里

对
不
随机词2

无单词2

作为一名程序员，你必须在这方面发挥自己的思维能力，并开始想出解决方案。以下是一种方法：

var questionElements=document.getElementsByClassName（'question'）；
var-currentQuestion=1；
功能回答问题（答案）{
//处理响应
开关（应答）{
案例“是”：
//在这里做点什么
打破
案件‘否’：
//在这里做点别的
打破
违约：
log（'Oops，你是怎么来到这里的？'）；
}
//显示或删除每个问题
[]forEach.call（questionElements，（qElement，index）=>{
如果（索引==当前问题-1）{
//删除已回答的问题
qElement.style.display='None'；
}else if（索引==当前问题）{
//显示下一个问题
qElement.style.display='Block'；
}
});
//准备下一个问题
当前问题++；
if（currentQuestion==questionElements.length）{
//一切都结束了，做点什么吧
}
}

。问题{
显示：无；
}
.问题：第一类{
显示：块；
}

问题1：你喜欢鸡蛋吗

问题2：你喜欢火腿吗

问题3：你喜欢绿鸡蛋和火腿吗

对
不