Получить значение ввода после нажатия кнопки отправки в JavaScript

Question

Я хочу получить значение ввода в JavaScript после нажатия кнопки отправки, но проблема в том, что я получаю значение, введенное в HTML.После того, как я нажму «Отправить запрос», URL-адрес изменится на path / index.html? Number = 4 , если я установлю входное значение 4. Но значение, напечатанное в консоли, по-прежнему равно «2».Я хочу получить значение 4, а не значение по умолчанию, расположенное в файле HTML !!

console.log(document.getElementById("number").value)

<input type="number" id="number" name="number" value="2">
<input type="submit" id="submit">

Answer 1

Вы должны добавить и прослушиватель событий к вашей кнопке отправки, чтобы при нажатии на нее вы каждый раз получали значение вашего ввода

document.getElementById("submit").addEventListener("click", function(){
 console.log(document.getElementById("number").value)
});

---

<input type="number" id="number" name="number" value="2">
<input type="submit" id="submit">

Answer 2

Вам необходимо добавить прослушиватель событий для вашей кнопки, а затем console.log результат.

Попробуйте это:

var btn = document.getElementById('submit');
btn.addEventListener('click', func);

function func() {
  console.log(document.getElementById("number").value)
}

<input type="number" id="number" name="number" value="2">
<input type="submit" id="submit">