Give The Difference Between Input.value And Input.textcontent. Why Is One Used Instead Of The Other?

Why is it that input.value is used instead of input.textContent. What is the difference between both? For example, if I want to retrieve content from an input box

console.log(document.querySelector('span').textContent);

<span> this text </span> but not this one

<input> elements however cannot have children(content model: nothing). The value that is associated with them can only be accessed via the value property.

Solution 2:

Only input elements have a "value". It represent the input data supplied by the user or provided initially by the code. Whereas textContent property sets or returns the text content of the specified node, and all its descendants.

textContent returns the concatenation of the textContent of every child node, excluding comments and processing instructions and if if the node has no children then textContent will be empty string.