Javascript 在单击另一个按钮之前，如何禁用HTML按钮？

我想做一个游戏，你在文本框中输入一个数字，然后点击

锁定

你不能改变你的答案

之后，单击“随机数”，它将为您提供一个随机数

1-50

但问题是，我想让你点击

锁定

，然后才能找到随机数

这是因为您不能单击

锁定

，然后将其更改为正确

我的代码如下：

function numFunction（）{
var x=数学地板（（数学随机（）*50）+1）；
document.getElementById（“randnum”）.innerHTML=x；
start.disabled=true；
reload.disabled=true；
}
函数btnFunction（）{
document.getElementById（“answerbox”）.readOnly=true；
}
函数revFunction（）{
document.getElementById（“rnum”）.disabled=false；
}

随机数

锁定
重置

你真的很接近了。您只需在按钮中添加“disabled”，然后当用户锁定其答案时，再次启用它

此外，将JavaScript拆分为一组不同的脚本标记不是最佳做法。把它们放在一个地方

function numFunction（）{
var x=数学地板（（数学随机（）*50）+1）；
document.getElementById（“randnum”）.innerHTML=x；
start.disabled=true；
reload.disabled=true；
}
函数btnFunction（）{
document.getElementById（“answerbox”）.readOnly=true；
}
函数revFunction（）{
document.getElementById（“rnum”）.disabled=false；
}
函数relFunction（）{
location.reload（）；
}

随机数

锁定
重置

您可以使用按钮上的disabled属性启动

<button type="button"id="lock" onclick="enableNum()">Lock in</button>
<button type="button"id="randomNum" disabled>Random Number</button>

---

很可能是《谢谢你》的翻版我花了很长时间才弄明白！

function enableNum() {
document.getElementById("randomNum").disabled = false;
}