无法获取 JavaScript 中输入字段的值

Question

For some reason JavaScript does not give me the value option of my input field. It gives me the value of my button however, so something must be wrong with my input.

This is my code HTML: <input type=“number” id=“inputs” /> JS: Const input = document.getElementById(“inputs”).value

Answer 1

Try console.log(e) on your return function.

This is easier to do in React, but my solution to this problem has been to look at the object on the next level up.

Hence why you are looking for e instead of e.target where the latter is your button element.

The solution will probably look something like e.target.value[0][1] , as the object returns a nested collection of objects.

Answer 2

if you are trying to get value of input when it's changed you have to add event listener.

<input placeholder="Enter some text" name="name" />
<p id="values"></p>


const input = document.querySelector('input');
const log = document.getElementById('values');

input.addEventListener('input', updateValue);

function updateValue(e) {
  log.textContent = e.target.value;
}

ref from HTMLElement