Javascript 如何添加在满足条件后变为活动状态的按钮

我继续在js游戏“相信/不相信”上做游戏。断言标题逐个出现在屏幕上。用户依次响应每条语句。共有5条语句。如果用户单击False按钮，则会出现以下语句。如果这是真的，就会出现一个描述。您可以通过单击标题下的白色圆圈转到下一个问题，如果已经给出答案（任何），则该圆圈将变为红色，或者单击“下一步”按钮

问题:

如何添加“下一步”按钮以转到下一个问题？在用户回答问题之前，在用户给出答案之前，系统不会处于活动状态。 如何添加在用户回答所有问题后出现的按钮（下面的所有球都已填满）

const数据=[
{stmt:“问题1”，描述：“文本1”}，
{stmt:“问题2”，说明：“文本2”}，
{stmt:“问题3”，说明：“文本3”}，
];
设curStmt=0；
函数showsmt（idx）{
document.getElementById（'progress-item-'+curStmt）.classList.remove（'current'）；
curStmt=idx；
document.getElementById（'stmt'）.innerText=data[idx].stmt；
document.getElementById（'desc'）.innerText=data[idx].desc；
document.getElementById（'progress-item-'+idx）.classList.add（'current'）；
applyComplete（数据[idx].complete）；
}
函数applyComplete（val）{
val=（val）？真：假；
document.getElementById（'desc'）.style.visibility=（val）？'visible'：'hidden'；
document.getElementById（'btnTrue'）。disabled=val；
document.getElementById（'btnFalse'）。disabled=val；
}
函数createProgressBar（）{
const parent=document.getElementById（'progress'）；
parent.innerHTML=''；
for（设i=0；i
部分{
利润率：10px0；
}
#进度.项目{
高度：10px；
宽度：10px；
利润率：0.5px；
边框：2倍纯红；
边界半径：50%；
显示：内联块；
光标：指针；
}
#进度。项目。当前{
边框颜色：蓝色；
}
#进度。项目。完成{
背景颜色：绿色；
}
#进度。项目：未（.complete）：悬停{
背景色：石灰；
}

真的
假的
您可以通过修改
disabled
属性或添加/删除类来实现。我建议使用
disabled
属性

修改属性
您需要在
和

使用javascript时，它可以如下所示：

if flag=1: 
    document.getElementById("your-btn").disabled = true;
else: 
    document.getElementById("your-btn").disabled = false;

相同的示例


constmyfunction=（）=>{
document.getElementById（“您的btn”）.disabled=false；
}
有条件地激活禁用按钮
点击我！
单击我以激活上一个按钮
您可以通过修改
禁用
属性或添加/删除类来执行此操作。我建议使用
禁用
属性

修改属性
您需要在
和

使用javascript时，它可以如下所示：

if flag=1: 
    document.getElementById("your-btn").disabled = true;
else: 
    document.getElementById("your-btn").disabled = false;

相同的示例


constmyfunction=（）=>{
document.getElementById（“您的btn”）.disabled=false；
}
有条件地激活禁用按钮
点击我！
单击我以激活上一个按钮
const数据=[
{stmt:“问题1”，描述：“文本1”}，
{stmt:“问题2”，说明：“文本2”}，
{stmt:“问题3”，说明：“文本3”}，
];
设curStmt=0；
让我们回答=[]；
函数btnNext（）{
log（“单击下一步按钮”）；
document.getElementById（'btnTrue'）。disabled=false；
document.getElementById（'btnFalse'）。disabled=false；
}
函数btnAfterComplete（）{
console.log（'单击完成的按钮'）；
}
函数showsmt（idx）{
document.getElementById（'progress-item-'+curStmt）.classList.remove（'current'）；
curStmt=idx；
document.getElementById（'stmt'）.innerText=data[idx].stmt；
document.getElementById（'desc'）.innerText=data[idx].desc；
document.getElementById（'progress-item-'+idx）.classList.add（'current'）；
applyComplete（数据[idx].complete）；
}
函数applyComplete（val）{
val=（val）？真：假；
document.getElementById（'desc'）.style.visibility=（val）？'visible'：'hidden'；
document.getElementById（'btnTrue'）。disabled=val；
document.getElementById（'btnFalse'）。disabled=val；
}
函数createProgressBar（）{
const parent=document.getElementById（'progress'）；
parent.innerHTML=''；
for（设i=0；i