JS判断Input数值问题

写了一个button按钮和一个 input输入框

我想实现：

如果点击button 会判断input里面的值是否大于0.05

如果大于或者等于则提示点击成功

如果小于则提示点击失败

请问有高人指点一下吗

设置type属性为number的input，这样可以保证输入的为数字。
在按钮上绑定点击事件。
获取input数据进行类型转换。
判断数值大小，弹窗显示结果。


<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script type="text/javascript">
            function check(){
                var data = parseFloat(document.getElementById("data").value);
                if(data >= 0.05){
                    alert("成功");
                }else{
                    alert("失败");
                }
            }
        </script>
    </head>
    <body>
        <input type="number" id="data" />
        <input type="button" value="校验" onclick="check()" />
    </body>
</html>

有帮助请采纳，还有不懂的可以继续追问~