javascript - JS 画布函数

Question

<script>
    function confirm() {
        if (document.getElementById("myInput") == "12") {
            var c = document.getElementById("myCanvas");
            var ctx = c.getContext("2d");
            ctx.moveTo(130, 0);
            ctx.lineTo(130, 150);
            ctx.stroke();
        }
    }
</script>
<input type="text" id="myInput" placeholder="Type Your Hour" class="center" />
<input type="submit" value="OK" id="button" class="center" onclick="confirm();" />

我有这段代码来获取画布像素或位置，我卡在确认功能上，我尝试使用 myInput id 获取输入并将其等于 12，但代码不起作用。

我怎样才能解决这个问题？

提前致谢！

Answer 1

您的 if 语句未正确检查相等性。如果您想知道用户键入了什么，那么您必须从value属性中获取该信息：

if ( document.getElementById("myInput").value == "12" )
//                                      ^^^^^