javascript - 将表单文本输入发送到 console.log 进行测试

Question

我有一个简单的表单，其中包含一个用于测试的文本字段。我现在需要将用户输入的信息发送到 console.log。这可能吗？如果可以，我会写什么？

<form class="pure-form">
    <input id="name" type="text" placeholder="Enter Name" />
    <button type="submit"><i class="fa fa-chevron-circle-right"></i></button>
</form>

Answer 1

var nameInput = document.getElementById('name');

document.querySelector('form.pure-form').addEventListener('submit', function (e) {

    //prevent the normal submission of the form
    e.preventDefault();

    console.log(nameInput.value);    
});