JS & DOM查询--我的代码有问题吗？

Question

当我试图通过一个文本表单的元素Id作为提交事件来访问它的输入值时，我的控制台返回一个空白。然而，提交事件(console.log(e))是按照预期运行的。

我看了又看，但没有发现任何问题。我到底是哪里出了问题？

下面是我的代码。

let btn = document.getElementById("customer-name-button")
let form = document.getElementById("customer-name")

form.addEventListener('submit', submitName)
btn.addEventListener('click', clearForm)

function submitName(e) {
  e.preventDefault()
  let customerName = document.getElementById("customer")
  console.log(customerName.value)
  console.log(e)
}

function clearForm() {
  return form.reset();
}

<form id="customer-name">
  <input type="text" name="customer" id="customer" placeholder="Please tell us your firstname">
  <br>
  <button type="submit" id="customer-name-button">Submit</button>
</form>

Answer 1

你的表单通过以下方式被清除 clearForm() 在提交之前。