如何从输入类型=数字中获取值？

Question

问题

所以我的问题是我有一个<input type='number'>, 我试图在用户单击时获取输入的值enter和console.log()该值。但当我测试时，它又回来了undefined。

输入

<input type="number" value="0" placeholder="Enter Number..." class="insert">

JavaScript

function main() {

        var input = document.getElementsByClassName('insert');

        document.addEventListener('keydown', function(e) {
            if(window.event == 13 || e.which == 13) {

                var num = input.value;

                console.log(num)

                /*if(num < 0) {
                    alert('Please enter a positive number');
                }*/

            }
        })

    }

    window.onload = main;

Answer 1

知道无论是否只有一个元素或多个元素document.getElementsByClassName(...)都会返回 a 。HTMLCollection

你想要的是这样的：

var num = input[0].value;

注意- 通常，如果您只想定位一个元素，则应该id在该元素上使用属性，然后使用它document.getElementById(...)来检索该元素的值。