Question

我是Web编程的新手，我从一个简单的游戏开始，您尝试猜测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>

Answer 1

您可以像这样使用disabled或'readOnly'属性：

<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>

您必须将“名称”属性更改为“ id”属性，才能使用GetElementById进行访问。

Answer 2

将此内容添加到您的输入元素id="answerbox"中，并明确定义函数，如

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

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

2 个答案: