JS & запрос DOM - что-то не так с моим кодом?

Question

Моя консоль возвращает пустое значение, когда я пытаюсь получить доступ к входному значению текстовой формы по его идентификатору элемента в качестве события отправки. Однако событие отправки (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() перед отправкой.