如何在javascript中用按钮锁定文本框？

我是网络编程新手，我从一个简单的游戏开始，你可以试着猜1-50之间的数字。你要做的是把你的猜测放进一个文本框，然后锁定你的答案，这样你就不能改变它了。然后，点击“随机数”。它会告诉你你的号码，它会告诉你你是否赢了。我有随机数生成器的一部分，但我正在尝试找出锁定部分

到目前为止，我所拥有的：

<input type="text" name="answerbox" size="40">
                <div id="lockbtn">
                    <button onclick="btnFunction()">LockIn</button>

                    <script>
                    function btnFunction {
                        document.getElementById("answerbox").readOnly = true;
                    }
                    </script>

锁定
函数btnFunction{
document.getElementById（“answerbox”）.readOnly=true；
}

您可以使用禁用的

或“只读”属性，如下所示：

<input type="text" id="answerbox" size="40">
            <div id="lockbtn">
                <button onclick="btnFunction()">LockIn</button>

                <script>
                function btnFunction() {
                    document.getElementById("answerbox").disabled = true;
                    document.getElementById("answerbox").readOnly = true;
                }
                </script>


锁定
函数btnFunction（）{
document.getElementById（“answerbox”）.disabled=true；
document.getElementById（“answerbox”）.readOnly=true；
}

您必须将“name”属性更改为“id”属性，以便使用GetElementById访问它。
将此添加到输入元素
id=“answerbox”
中，并清楚地定义您的函数，如

function btnFunction() {document.getElementById("answerbox").readOnly = true;}

非常感谢你！他可能应该保留
name
属性，如果它在表单中的话。非常感谢！