Javascript 单击一次后禁用按钮-第2部分

我只是Java脚本的初学者。我正在创建一个测验页面，其中所有主题都按字母顺序列出（例如a、B、C…Z）

我希望在参与者单击一个字母表后禁用按钮，但不知道在何处插入禁用按钮的脚本

这是一个简单的脚本：

<h1>What Can JavaScript Do?</h1>

<p id="demo">JavaScript can change HTML content.</p>

<button type="button"
onclick="document.getElementById('demo').innerHTML = 'Hello JavaScript!'">
Click Me!</button> 

I have referred this link, but as mentioned above don't know where to insert the disabling script. (http://stackoverflow.com/questions/2323948/disabling-the-button-after-once-click)

JavaScript能做什么？
JavaScript可以更改HTML内容

点击我！
我已经提到了这个链接，但如上所述，我不知道在哪里插入禁用脚本。(http://stackoverflow.com/questions/2323948/disabling-the-button-after-once-click)

如果有人能帮我解决这个问题，我将不胜感激

问候,， Nitin

JavaScript能做什么？
JavaScript可以更改HTML内容

点击我！
函数禁用按钮（）{
document.getElementById（“myBtn”）.disabled=true；
document.getElementById（'demo'）.innerHTML='Hello JavaScript！'；
}

JavaScript能做什么？
JavaScript可以更改HTML内容

功能btnDisable（id）{
document.getElementById（id）.disabled=true；
}
点击我！

---

与Reena发布的内容类似，只是使用参数也可以使函数用于其他问题。

你好，Holden，非常感谢您帮助我解决这个问题。感谢Reena提供的所有帮助。

<h1>What Can JavaScript Do?</h1>

<p id="demo">JavaScript can change HTML content.</p>

<button type="button" id="myBtn" onclick="disableButton()">Click Me!</button> 

<script type="text/javascript">
function disableButton() {
document.getElementById("myBtn").disabled = true;
document.getElementById('demo').innerHTML = 'Hello JavaScript!';
}
</script>

<h1>What Can JavaScript Do?</h1>

<p id="demo">JavaScript can change HTML content.</p>
<script type="text/javascript">
function btnDisable(id){
document.getElementById(id).disabled=true;
}
</script>
<button id="btn1" type="button"
onclick="btnDisable('btn1')">
Click Me!</button>