输入值返回为未定义

时间:2020-07-02 16:23:38

标签: javascript

我正在尝试检索输入框的值并将其打印到div。它不断返回未定义状态,我不知道为什么。这是我的代码:

    <body>
    <input type="text" id="name">
    <button type="button" id="btn">Click me</button>
    <div class="square"></div>
    
    <script>
        const btn = document.querySelector("#btn");
        let divEl = document.querySelector(".square");
        
        btn.addEventListener('click', () => {
            
            let nameEl = document.querySelector("#name").val;
            
            console.log(nameEl);
            
        });
        
        
    </script>


</body>

1 个答案:

答案 0 :(得分:0)

更改您的 let nameEl = document.querySelector("#name").vallet nameEl = document.querySelector("#name").value

一切正常。