Как назначить какое-то значение входному тегу

Question

Мне нужно присвоить элементу какое-то значение.

Вот мой фрагмент кода.

var userId = localStorage.getItem('keyName');

  var Name = document.getElementById('Name');

  var dbRefName = firebase.database().ref().child('Web App').child('Users').child(userId).child('Name');


     dbRefName.on('value', snap => Name.innerText = snap.val());

Я пытаюсь присвоить это значение Name с помощью id элементу ввода, показанному ниже.

<input type="text" id="Name" class="form-control form-control-alternative" placeholder="Username" >

Может назначаться с помощью id элементам <span>. Но он не работает с <input> элементами.

Может ли кто-нибудь помочь мне в этом вопросе?

Answer 1

Для ввода HTML-элементов требуется тег name , и способ присвоения ему значения осуществляется с помощью тега value или .value в Javascript

var input = document.getElementById('name');

//input.value = localStorage.getItem('keyName');

input.value = 5;

<input type="number" name="name" id="name" placeholder="Your name here" value="1">

Answer 2

Используйте .value вместо .innerText для <input> элементов, например:

document.getElementById('input').value = 'foo'

<input id="input"></input>